所以我知道有几种方法可以做到这一点,但我想知道哪种是更好或更合适的方法来创建搜索栏组件?您能解释一下原因吗?我是 react 新手,看过教程等等,每个人对处理程序的更改都略有不同。
state = {
term: '',
};
onChange = this.onChange.bind(this);
onChange(e) {
console.log(e.target.value);
this.setState({ term: e.target.value });
};
<input
value={this.state.term}
onChange={this.onChange}
/>
我觉得这种方式可能更好,因为它允许您为几种不同的状态重用 onChange 处理程序。
state = {
term: '',
};
onChange = name => e => {
this.setState({ [name]: e.target.value });
};
<input
value={this.state.term}
onChange={this.onChange('term')}
/>
最佳答案
为了重用 onChange
处理程序,下面的代码会更合适、更好。
onChange = e => {
this.setState({
[e.target.name]: e.target.value
});
};
<input type="text" name="name" onChange={(e)=>this.onChange(e)} />
关于Reactjs 这是使用更改处理程序的更好方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51683504/