如何在 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)
  );
}