13 React——约束性组件&非约束性组件

非约束性组件：

      <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对其做了优化，我们看起来像是用户输入的值而已。