React中文教程 - Event Handling(事件处理)





React | Event Handling







  1. Normal       跟HTML代码中为某个标签添加事件一样,React指定事件处理函数的方式是一样的,但事件名称必须使用驼峰命名法(如onClick)
  2. Bind            如果事件函数想调用组件变量(即调用this),必须使用bind()把事件函数绑定到组件
  3. autoBind    React提供另外一种更简单的事件绑定方式:React.autoBind()

常规用法:

  1. 状态触发 - 使用this.setState()从而触发组件render()
  2. 服务器交互 - 应用往往会跟服务器的数据读取或保存的交互动作,当请求完毕时使用this.setState()可快速触发组件render()
  3. 回调函数 - 我们可以把外部的一个函数作为this.props传入组件
  4. 组件交互 - 比较好的解决方法是构建一个高级组件包含各个组件(请看下面的例子)





React | Event Handling









您可以修改并重新发布本文,如果您能留下本文的参考连结,万分谢谢!
如果您对本文存在疑问,欢迎留言或者直接对本文评论,我会在看到的第一时间回复您。

你可能感兴趣的:(React)