无法使用ReactJS从<textarea>获取文本

时间:2017-04-20 04:43:22

标签: forms reactjs textarea

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

0 个答案:

没有答案