javascript - onClick按钮将State设置为reactjs中的值而不是未定义

Question

我正在按钮上编写一个 onClick 事件来设置值:0，但第一次单击时，它给出“未定义”值。

我已在构造函数中将 value 的状态设置为 null

处理函数代码

sitHandler = () => {
  this.setState({
        robotButtons: { value: 0, eventTime: Date.now() }
    });
 //am calling a socket here to send these new setState 'robotButtons' 
 data
    console.log(this.state.robotButtons);
}

这是我的带有点击事件的按钮

<Button className="robot-control-button" onClick={this.handleSit}>

我尝试过使用 e.preventdefault(e) 但它会引发错误。

感谢您提前提供帮助

Answer 1

您需要在回调中编写控制台，因为 setState 需要一些时间来更新值。

this.setState({
    robotButtons: { value: 0, eventTime: Date.now() }
},function(){
   console.log(this.state.robotButtons);
});