非约束性组件：
<input type="text" defaultValue="a" />
这里面的defaultvalue其实就是原生DOM中的value属性，这样写出来的组件，其value值就是用户输入的内容，react完全不管理输入过程。
约束性组件：
<input value={this.state.data} type="text" onChange={this.saveData} />
这里的value不再是一个写死的值，它的值是由this.saveData来管理的。这个时候其实input的value值根本不是用户输入的内容，而是onChange事件触发之后导致了一次重新渲染。不过react对其做了优化，我们看起来像是用户输入的值而已。