javascript - 当输入值清除时 onChange 不起作用

Question

我在处理输入值更改时遇到问题
所以这是我的 react 代码，onChange 有效，但是当我清除默认值时，它不会记录任何内容，直到我进行另一次更改。

<Form.Control
  type="text"
  placeholder="name"
  defaultValue={this.state.name}
  onChange={e=>console.log(e.target.value)}
/>

我写了 console.log 只是为了测试。

Answer 1

值不会改变，因为在 reactjs 组件中，一旦状态改变并使用 console.log 重新渲染在 onChange不更新状态的任何变化。所以你必须更新 onChange 事件的状态，
尝试以下，我假设它是类组件，因为您已经使用了 this.state.name

<Form.Control
  type="text"
  name="name"
  placeholder="name"
  defaultValue={this.state.name || ""}
  value={this.state.name}
  onChange={e=>this.setState({name:e.target.value})}
/>