refs与事件处理
理解
- 组件内的标签可以定义ref属性来识别自己
编码
- 字符串形式的ref
<input ref="input1"/>
- 回调形式的ref
<input ref={c=>{this.input1=c}}/>
- createRef创建ref容器
myRef = React.createRef();
<input ref={this.myRef}/>
事件处理
- 通过onXxx指定事件处理函数(注意大小写)
- React使用的是自定义合成事件,而不是使用的原生dom事件
- React的事件通过事件委托的方式处理(委托给组件最外层的元素)
- 通过event.target得到发生事件的dom元素对象
收集表单数据
- 包含表单的组件分类
- 受控组件
- 非受控组件