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