如何在用于设置状态值的同一函数中访问更新的状态值 [重复]

Question

class Signup extends React.Component {
  constructor() {
    super();
    this.state = { count: 0 }
  }

  hndlChange() {
    //here it's okay, It increasing count value
    this.setState({ count: this.state.count + 1 });

    //but here it printing previous value
    console.log(this.state.count);

  }
}

我正在调用这个函数。因为它增加了count 值，但是当我访问它时它返回以前的值。我想在同一个函数中访问最新更新的值我应该怎么做。

如何在同一函数中获取最新状态值

Answer 1

 hndlChange();
{
  //here it's okay, It increasing count value
  this.setState({ count: this.state.count + 1 }, () => {});
}

设置状态是异步的。

Answer 2

正如here 所说，React 有额外的callback 参数。

另外，当你想使用当前值改变你的状态时，你应该使用函数版本：

this.setState(currentState => ({ count: currentState.count + 1 }), () => {
    console.log(this.state.count);
});