我对 React 的事件处理程序有些困惑
我有一个这样的组件,使用 handleChange
处理 onChange
事件:
var SearchBar = React.createClass({
getInitialState(){
return {word:''};
},
handleChange: function(event){
this.setState({word:event.target.value});
alert(this.state.word);
},
render: function () {
return (
<div style={{width:'100%',position:'0',backgroundColor:'darkOrange'}}>
<div className="header">
<h1>MOVIE</h1>
</div>
<div className="searchForm">
<input className="searchField" onChange={this.handleChange}
value={this.state.word} type="text" placeholder="Enter search term"/>
</div>
</div>
);
}
});
它确实有效,但不是我期望的方式。在文本字段中,当我输入第一个字符时,它会提示空字符串,当输入第二个字符时,它会提示只有第一个字符的字符串,依此类推,字符串长度为 n,它会提示长度为 n-1 的字符串
我这里做错了什么?我该如何解决?
最佳答案
关于javascript - ReactJS onChange 事件处理程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32987355/