react独特的事件机制(react-events)

React采用合成事件(SyntheticEvent)系统,统一处理跨浏览器的兼容性问题,事件注册在document上,利用事件委托优化性能。合成事件与原生事件接口相同,但React事件在原生事件之后执行,两者混用需谨慎。
摘要由CSDN通过智能技术生成

react事件机制独特在哪里?

function ActionLink() {
   
  function handleClick(e) {
   
    e.preventDefault();
    console.log('The link was clicked.');
  }

  return (
    <a href="#" onClick={
   handleClick}>
      Click me
    </a>
  );
}

当我们在组件上设置事件处理器时,React内部自定义了一套事件系统,在这个系统上统一进行事件订阅和分发。
具体来讲,React利用事件委托机制在Document上统一监听DOM事件,再根据触发的target将事件分发到具体的组件实例。另外上面

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

codingWeb

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

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

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

打赏作者

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

抵扣说明:

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

余额充值