每次击键都会触发onChange
每次击键都会触发onChange
提问于 2020-05-22 10:51:23
在组件的输入框中有一个onChange事件属性，
<input
type="text"
required
className="form-control"
onChange={this.onChangeUsername}
/>它由这个onChangeUsername()函数处理。
onChangeUsername(e) {
console.log(e.target.value);
this.setState({
username: e.target.value,
});
}此函数在每次击键时都会被调用。为什么会这样呢？
回答 2
Stack Overflow用户
回答已采纳
发布于 2020-05-22 14:24:20
React的onChange不像本机HTML更改事件。它的行为更像输入事件。如果您希望在用户离开字段后得到通知，建议使用onBlur。
见https://linguinecode.com/post/onblur-vs-onchange-react-text-inputs和反应和文字输入-使用onBlur还是onChange？
Stack Overflow用户
发布于 2020-05-22 10:57:39
因为onChange事件。听起来，对输入的每一项更改都会触发函数onChangeUsername。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/61953330
复制相关文章
相似问题
腾讯云开发者
