Reactjs React上的输入字段状态更改
试图找出以下原因:Reactjs React上的输入字段状态更改,reactjs,state,input-field,Reactjs,State,Input Field,试图找出以下原因: 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”(无论我在框中键入什
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”(无论我在框中键入什么),不确定我做错了什么。非常感谢您的帮助
您好
Bram
设置状态
是异步的,因此在更新状态之前不会设置此.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)
);
};
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)
);
};
这给了我们一些启示,为此欢呼。“但我还是得到了未定义的错误?”我明白了。我可能误解了你的问题。你觉得你能详细解释一下你的意思吗?你能在问题中包括你的全部内容吗?你的意思是你在输入中写的是
buyin
?这是id
键将具有的值。在这种情况下,该州将不会有buyin
键。你可以把这个记录下来。说明一下我的意思。好吧,我刚刚发现我智障了。“this.state.buyin”什么都不是,它是this.state.buyin\u价格。但你还是帮了我很多忙!它解决了问题的根源,为此欢呼。这给了一些启示,为此欢呼。“但我还是得到了未定义的错误?”我明白了。我可能误解了你的问题。你觉得你能详细解释一下你的意思吗?你能在问题中包括你的全部内容吗?你的意思是你在输入中写的是buyin
?这是id
键将具有的值。在这种情况下,该州将不会有buyin
键。你可以把这个记录下来。说明一下我的意思。好吧,我刚刚发现我智障了。“this.state.buyin”什么都不是,它是this.state.buyin\u价格。但你还是帮了我很多忙!它解决了问题的根源,为此欢呼。