React面试题: React的事件和普通的HTML事件有什么不同?

回答思路:命名方式-->语法-->阻止浏览器默认行为-->优点-->执行顺序

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.执行顺序:原先先,合成事件后,需避免原生事件与合成事件混用,若原生事件阻止冒泡会导致合成事件无法执行

我非常欢迎友友们在评论区提供任何改进的建议和指正,让我们一起共同进步!

  • 11
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

王 歪歪

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值