9.2 react受控组件和非受控组件

受控组件

设置了value的<input>是一个受限组件,对于受限的<input>,渲染出来的HTML元素始终保持value属性的值,此时用户在渲染出来的组件里输入任何值都不起作用。

<input type='text' value='hello' />

非受控组件

没有设置value(或者设为null)的<input>组件是一个不受限组件。对于不受限的<input>组件,渲染出来的元素直接反应用户输入。如果想设置一个非空的初始值,可以使用defaultValue属性

<input type='text' />

• value用于<input>、<textarea>
• checked用于<checkbox>、<radio>
• selected用于<option>