setState 没有更新 React Native

Question

我试图从一个组件中获取 state，但是当我执行 setState() 时，我看不到任何变化。 这是我的 state：

class MyTestComponent extends React.Component {
    constructor(props){
    super(props);

    this.state = {
        check: 'String1'
    }
   this.testOtherFunction = this.testOtherFunction.bind(this);
}

现在，这里是 function 本身：

   testOtherFunction(){
            this.setState({check: "String2"},
            function(){
               console.log(this.state.check, 'total'); // somewhy is not printed
            });
      return this.state.check;
  }

在这里，在另一个组件中，我称之为 function：

componentDidMount() {

 console.log("test", MyTestComponent.testOtherFunction()) // returns String1
  }

为什么它从构造函数返回旧的 state？ 我该如何解决？ 我知道 setState 是异步的，但我想知道这种情况的出路是什么。

Answer 1

setState()不会立即改变 this.state。 在调用此方法后访问 this.state 可能会返回现有值。 这就是为什么您可能不会立即看到新值的原因。

您可以将 setState 与回调 function 一起使用。

this.setState({check: "String2"},, function () {
    console.log(this.state.check, 'total');
});