為每個 controlled component 指定 value 屬性,來防止用戶修改輸入除非你希望如此。
你也許會遇到這種問題:雖然已經(jīng)指定了 value ,但是 input 依然可以未經(jīng)允許就改變。這種情況,可能是因為一不小將 value 設置成了 undefined 或 null。
下面這條代碼片段展示了這個現(xiàn)象,一秒鐘之后,文本變得可編輯了。
React.render(<input value="hi" />, mountNode);
setTimeout(function() {
React.render(<input value={null} />, mountNode);
}, 1000);