React 学习笔记（二） （事件、约束与非约束性组件）

事件对象

方法一

方法二

方法三

表单取值

键盘事件

react实现双向数据绑定

约束性组件和非约束性组件

非约束性组件 defaultValue：<input type="text" defaultValue=‘111’/>
相当于原生DOM的value属性，value就是用户输入的内容，react不管理输入的过程；

约束性组件 value与onChange相结合：<input value={this.state.model} type="text" onChange={this.inputChange}/>
这里的value不是写死的值，是有onChange负责管理的，value的值，不是用户输入的内容，而是onChange事件触发后，由this.setState重新渲染的，这个过程我们看不到的（比较抽象，自行理解>_<）。