1. react通过state 保存可变状态的值，只能通过 setState()来更新
2. html中，表单元素（乳 input、textarea、select）通常自己维护state,并且根据用户输入进行更新
3.俩者结合起来，使react的state成为 ‘唯一数据源’，被react以这种方式控制的表单输入元素叫做 受控组件
4. 非受控组件就是 原生dom中的value属性
5.
非受控组件这么写：
<input type="text" defaultValue="a" />这个 defaultValue 其实就是原生DOM中的 value 属性。
这样写出的来的组件，其value值就是用户输入的内容，React完全不管、也管不到输入的过程。
而受控组件是这么写的：
<input type="text" value={} onChange={} />handleChange: function(e) {
({name: });
}value属性不再是一个写死的值，他是 ，而 是由 负责管理的。
这个时候实际上 input 的 value 根本不是用户输入的内容。而是onChange 事件触发之后，由于 导致了一次重新渲染。
同时，React会优化这个渲染过程，实际上它仍然是通过设置input的value来实现的。
对比受控组件和非受控组件的输入流程：
- 非受控组件： 用户输入A => input 中显示A
- 受控组件： 用户输入A => 触发onChange事件 => handleChange 中设置 = “A” => 渲染input使他的value变成A
正式因为这样，使得 React 的 state 成为唯一数据源。对于受控组件来说，输入的值始终由 React 的 state 驱动。
所以官方强烈推荐使用受控组件，因为它能更好的控制组件的生命流程。