如何在 react.js ZA2F2ED4F8EBC2ABC61ZDC4 中的另一个 function 组件中设置相同的 state 变量后立即访问 state 值

Question

submit = () => {
   this.checkValidation();
   console.log(this.state.isError) //this is not giving updated value
}

checkValidation = () => { this.setState({ isError: true }) }

Answer 1

您可以在设置后立即回调函数以访问更新的 state，

this.setState({ isError: true }, this.logState)

 logState = () => {
    console.log(this.state.isError)
  };

In your case you can either move the setting of state inside the submit function or return the updated the updated value from checkValidation function and then set the state within submit function:

submit = () => {
   this.checkValidation();
   setState(
    { isError: true },
    () => console.log(this.state.isError)
  );
}