< p>我是新手做出反应,我只是想创建一个文本框,它将用户输入和警报输入到屏幕上。我正在使用< a href =“https://facebook.github.io/react/docs/forms.html#the-textarea-tag”rel =“nofollow noreferrer”> this< / a>以供参考。我的问题是,当我尝试提醒或记录userInput时,没有任何反应。当我在handleSubmit函数中只提醒一个普通的字符串时它工作正常,但是使用this.state.userInput没有任何反应。
这是我的代码:< / p>
< pre>< code>导出类InputText扩展React.Component {
构造(道具){
超级(道具);
this.state = {userInput:“”};
this.handleChange = this.handleChange.bind(this);
this.handleSumbit = this.handleSubmit.bind(this);
}
handleChange(事件){
this.setState({userInput:event.target.value})
}
handleSubmit(){
的console.log(this.state.userInput);
警报(this.state.userInput);
}
渲染(){
回来(
< DIV>
<形式>
< textarea onChange = {this.handleChange} value = {this.state.userInput}>< / textarea>
< button type ='button'onClick = {this.handleSubmit}>提交< / button>
< /形式>
< / DIV>
);
}
}
< /代码>< /预>