函数状态的console.log

Question

我有这个功能，我想让 console.log 的输出显示 isOpen 的状态，预期的输出只能是 'true'。

open = () => {
    this.setState({
        isOpen: true
    })
}

Answer 1

由于setState()是异步的，您需要调用回调，该回调在状态更新后执行。

open = () => {
    this.setState({
        isOpen: true
     }, () => console.log(this.state.isOpen))
}

Answer 2

this.setState 将采用回调函数。

open = () => {
this.setState({
    isOpen: true
 }, () => {
   console.log(this.state.isOpen ? this.state.isOpen : '')
 }
}

Answer 3

由于setState()是异步的，您需要将console.log放在setState回调中。

    open = () => {
    this.setState({
        isOpen: true
     }, ()=> {
      console.log(this.state.isOpen);
    }