React学习笔记8---refs与事件处理

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元素对象

收集表单数据

  • 包含表单的组件分类
  • 受控组件
  • 非受控组件
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容