发布于 

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> // 阻止跳转

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

唯獨少了個字.