回答思路:命名方式-->语法-->阻止浏览器默认行为-->优点-->执行顺序
1.命名方式:原生事件全为小写,react事件为小驼峰
2.事件函数处理语法:原生为字符串,react为函数
原生HTML:<button onclick="handleClick()">Click Me</button>
React:
class MyComponent extends React.Component {
handleClick() {
// 处理点击事件的逻辑
}
render() {
return <button onClick={this.handleClick}>Click Me</button>;
}
}
3.阻止浏览器的默认行为:react不能用return false来阻止,而必须调用event.preventDefault()来阻止。
4.相比HTML事件React事件的优点:(1)兼容所有浏览器,更好的跨平台
(2)将事件同意存放在一个事件池(数组),减少了内存消耗,避免频繁的增删
(3)便于react统一管理,提高了事件机制的执行效率
5.执行顺序:原先先,合成事件后,需避免原生事件与合成事件混用,若原生事件阻止冒泡会导致合成事件无法执行
我非常欢迎友友们在评论区提供任何改进的建议和指正,让我们一起共同进步!