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 是异步的，所以在状态更新之前不会设置this.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)
  );
};