input onChange函数在值改变时没有被调用

Question

我有两个文本区域，第一个的onChange函数在用户输入时工作完美。

第二个函数从一个变量接收它的值，当变量改变时不调用onChange函数。

以下是我的输入(jsx):

工作:

        <input
          value={inputValue}
          onChange={onInputChange}
        />

不工作:

        <input
          value={transcript}
          onChange={onInputChange}
        />

onInputChange只调用setInputValue(event.target.value);

inputValue当然是状态

transcript是变化变量(假设它在点击按钮时发生变化)

我想问的是:是否有可能强制触发onChange事件，或者最好是在值发生变化时触发onChange事件。

Answer 1

您希望使用onchange而不是onChange，就像您现在使用的那样。

const onInputChange = (input) => {
  alert(input.value);
}

<input value="Change Me" onchange="onInputChange(this)"/>