javascript - 双击后对 native 状态变化使用react。

Question

我有一个按钮，当我单击它时，按钮会更改其状态。但我必须双击才能更改状态。我控制台记录了它，第一次单击时，它显示空白，当我再次单击它时，它将更改其状态。下面是我的代码:

class CustomButtonOne extends React.Component {
  constructor(props) {
      super(props);
      this.state = {
        buttonOne:'',
       };
      this.selectionOnPressOne = this.selectionOnPressOne.bind(this),
  }

  selectionOnPressOne = () => {
      this.setState({
        buttonOne:'ONE'
        })
        console.log(this.state.buttonOne, 'this.state.buttonOne')
  }

  render() {
    return (
      <View>
        <TouchableOpacity
                onPress={()=> this.selectionOnPressOne()}>
          <Text>Button</Text>
        </TouchableOpacity>
      </View>
    )
}
}

export default CustomButtonOne

为什么会发生这种情况？以及如何一键更改状态？ 任何建议或意见将不胜感激，谢谢!

Answer 1

setState 操作是异步，因此您记录的更改可能不会立即可用。

试试这个

this.setState({
  buttonOne:'ONE'
}, () => console.log(this.state.buttonOne, 'this.state.buttonOne'))