脚本宝典收集整理的这篇文章主要介绍了React 学习之路 (五)事件处理,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
事件处理
React元素的事件,和DOM事件处理有着相似之处,但是也有着不同之处。
// 传统的HTML
<button onclick="activateLasers()">
Activate Lasers
</button>
// React中
<button onClick={activeClass}>
点击
</button>
另外React中不能使用return false
来阻止默认行为,你必须明确使用preventDefault.
function ActionClick () {
function handleClick(e) {
e.preventDefault();
console.log('The link was clicked.')
}
return (
<a href="#" onClick={handleClick}><点击我/a>
)
}
使用 React 的时候通常你不需要使用 addEventListener 为一个已创建的 DOM 元素添加监听器。你仅仅需要在这个元素初始渲染的时候提供一个监听器
- 当你使用 ES6 class 语法来定义一个组件的时候,事件处理器会成为类的一个方法。