反应 - 选择全部删除时输入更改不会触发

CCC*_*CCC 5 reactjs

文本框下方的文本部分将显示与文本框相同的值,并随着文本框的值更改而更改。
但是,如果我刷新页面,然后在文本框中选择全部(命令+a)并单击删除,则
文本框变为空,
但文本部分中的文本不会相应更改。

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

wan*_*v87 1

使用value而不是defaultValue输入标签

<input
            id="taskRef"
            type="text"
            value={defaultData ? defaultData.message.taskRef : null}
            onChange={onInputChange}
/>
Run Code Online (Sandbox Code Playgroud)