反应本机获取保存的更新状态

Question

我是本地反应的新手，我还没有找到任何问题的解决方案，所以我现在在这里问。我正在尝试更新单选按钮的onPress事件上的值状态，然后保存它。问题是保存正在获取未更新的值。我知道setState是异步调用，forceUpdate不是推荐的解决方案(并且由于某种原因对我不起作用(

下面是一个示例：

import RadioForm, { 
  RadioButton, 
  RadioButtonInput, 
  RadioButtonLabel
} from 'react-native-simple-radio-button'
class SomeClass extends Component {
  constructor(props) {
    super(props)
    this.state = {
      buttonValues: [{label: "someValue1", value: 0}, {label: "someValue2", value: 1}],
      someString: "someStringValue_false"
    }
    this.handleOnPress = this.handleOnPress.bind(this),
    this.saveValue = this.saveValue.bind(this)
  }
  handleOnPress(value) {
    if( value === 1 ){
      this.setState({
        someString: "someStringValue_true"
      })
    } else {
      this.setState({
        someString: "someStringValue_false"
      })
    }
  }
   saveValue() {
    //no problem in this function tested already in other cases
   }
  render() {
    return( 
      <View>
        <RadioForm
          radio_props={this.state.buttonValues}
          initial={0}
          formHorizontal={true}
          labelHorizontal={true}
          radioStyle={{paddingRight: 20}}
          buttonColor={"red"}
          selectedButtonColor = {"green"}
          animation={true}
          onPress={(value) => this.handleOnPress(value)}
        />
        <Button
          title={"save"}
          onPress={()=> this.saveValue()}
        />
      </View> 
    )
  }
}

行为：状态仅在第 2 次调用时更新

Answer 1

你可以尝试使用setState回调

setState({ name: "Michael" }, () => console.log(this.state));
// => { name: "Michael" }

以确保状态更改。

Answer 2

您没有在构造函数中正确绑定处理程序this。它应该是

constructor(props) {
/* --- code --- */
this.handleOnPress = this.handleOnPress.bind(this),
this.saveValue = this.saveValue.bind(this)

}

Answer 3

执行下一个操作。

this.setState({
 meter_reading_unit: "someStringValue_false"
}, () => {
 console.log('meter_reading_unit ==> ', this.state.meter_reading_unit); // should be `someStringValue_false`
});

在下一次渲染中更新的值someStringValue_false应该在任何地方都可用。