onChange 在每次击键时触发

Question

我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,
    });
}

每次击键时都会调用此函数。这是为什么？

Answer 1

React 的onChange行为与原生HTML 更改事件不同。它的行为更像输入事件。如果您希望在用户离开字段后收到通知，建议使用onBlur。