发布于 

React事件处理

​ 事件绑定：React事件绑定语法与DOM事件语法相似，而语法则是on+事件名称={事件处理程序fn}需要注意的是React事件则采用小驼峰命名法：除第一个单词之外，其他单词首字母大写。

类 组件绑定：

1
2
3
4
5
6
7
8
9
10
class KL extends React.Component {
    headrClick () {
        ...
    }
     render () {
         return (
          <button  onClick={this.headrClick}></button>
         )
     }
 }

函数组件绑定: 

1
2
3
4
5
6
7
8
function KL() {
    function headeClick() {
        ...
    }
        return (
       <button  onClick={headeClick}></button>
       )
}

事件对象: 通过处理程序的默认参数获取到事件对象，但是在React中事件对象叫做：合成事件（对象）<-----兼容所有浏览器------->

1
2
3
4
function hadeClick (e) {
    e.preventDefault()
}
   <a href="..." onClick={hadeClick}></a> // 阻止跳转
许可协议

本文采用 署名-非商业性使用-相同方式共享 4.0 国际 许可协议，转载请注明出处。

快来参与讨论吧

本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。