受控组件和不受控组件

将值直接用React的状态进行绑定，这样，组件就完全受React的状态控制了，称为受控组件：

<input type="text" value={this.state.value} onChange={this.handleChange} />

如上代码中，input的值完全取决于state中的value的值。

反之，其组件内部的值没有和React中的状态关联起来，来看一个例子：

<input type="text" ref={dom => this.input = dom} />

上面的input中，其自身就包含value值，其值并不受React中的state来管理和控制，为其自身所拥有，称为不受控组件，可以通过 this.input.current.value 来获得其本身的值。