React[重复]上的输入字段状态更改

Question

试图找出以下原因：

handleChange = event => {
    console.log(event.target.id, event.target.value)
    this.setState({
        [event.target.id]: event.target.value
    });
    console.log("New state: ", this.state.buyin)
};

日志“未定义”？第一个日志是“buyin”（无论我在框中键入什么），不确定我做错了什么。非常感谢您的帮助！

问候语，

布拉姆

Answer 1

setState是异步的，因此在更新状态之前不会设置此.state.buyin。

您可以将第二个参数用于setState，这是一个在状态更新时运行的回调函数。

handleChange = event => {
  console.log(event.target.id, event.target.value);
  this.setState(
    {
      [event.target.id]: event.target.value
    },
    () => console.log("New state: ", this.state)
  );
};