Controlled Input 值為 null 的情況

為每個 controlled component 指定 value 屬性，來防止用戶修改輸入除非你希望如此。

你也許會遇到這種問題：雖然已經(jīng)指定了 value ，但是 input 依然可以未經(jīng)允許就改變。這種情況，可能是因為一不小將 value 設(shè)置成了 undefined 或 null。

下面這條代碼片段展示了這個現(xiàn)象，一秒鐘之后，文本變得可編輯了。

React.render(<input value="hi" />, mountNode);

setTimeout(function() {
  React.render(<input value={null} />, mountNode);
}, 1000);