reactjs - react -选择全部删除时输入更改不触发

Question

文本框下方的文本部分将显示与文本框相同的值，并随着文本框值的变化而变化。
但是如果我刷新页面然后在文本框中选择所有(command + a)并单击删除，
文本框变空，
但是正文部分的文字并没有相应的变化。

沙盒:
https://codesandbox.io/s/sleepy-williams-fu9ps?file=/src/App.js:321-378

Answer 1

使用 value 而不是 defaultValue 作为输入标签

<input
            id="taskRef"
            type="text"
            value={defaultData ? defaultData.message.taskRef : null}
            onChange={onInputChange}
/>