Controlled Input 值為 null 的情況

為每個(gè) controlled component 指定 value 屬性，來(lái)防止用戶(hù)修改輸入除非你希望如此。

你也許會(huì)遇到這種問(wèn)題：雖然已經(jīng)指定了 value ，但是 input 依然可以未經(jīng)允許就改變。這種情況，可能是因?yàn)橐徊恍?span id="cq46sui" class="Apple-converted-space"> value 設(shè)置成了 undefined 或 null。

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

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

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