删除输入值时不会触发 onChange答案

【问题标题】：onChange not firing when deleting the input value删除输入值时不会触发 onChange
【发布时间】：2020-05-22 04:44:08
【问题描述】：

我面临一个问题，当我通过突出显示值并按下删除按钮（或 Ctrl+a+Delete）来删除输入值时，我无法触发 onChange。但是onChange 仅在使用删除按钮删除值时触发（一个接一个）当我一次删除输入值时，如何让我的输入触发onChange 函数（通过选择整个字符串/int）

<Form.Control  type="text" value={this.state.value !== "" ? this.state.value : this.state.groupName} className="input_text" onChange={this.onChange} required />

【问题讨论】：

你能提供整个组件代码来解决这个问题吗？
通常onInput 用于增量键盘按下，而onChange 用于输入元素模糊时。

标签： javascript reactjs onchange

【解决方案1】：

嗯，不知道其余的逻辑是什么。但我认为this.state.groupName 导致问题。

因为它在值为空时将值设置为该 groupName。然后，如果您尝试通过选择删除整个文本，它将回退到与您的值相同的 groupName，因此它不会删除整个文本。但是你可以一个一个地删除。

【讨论】：