受控组件是一起 value 和 onchange 使用的, 如果只设置 value 而不设置 onchange,受控组件上指定的 prop 会组织用户的更改输入。
如果你指定了 value ,但是输入仍可编辑,则可能是你意外的将 value 设置为 undefined 或者 null。
下面的代码演示了这一点。(输入最初被锁定,但在短时间延迟后变为可编辑。)
ReactDOM.render(<input value="hi" />, mountNode);
setTimeout(function() {
ReactDOM.render(<input value={null} />, mountNode);
}, 1000);