React 消息订阅与发布机制

在React应用中,兄弟组件间的通信通常需要通过共同的父组件传递,但这种方式繁琐且不易维护。本文介绍了使用第三方库PubSubJS的方法,允许组件直接发布和订阅消息,简化了兄弟组件之间的通信流程。通过引入PubSubJS,组件可以方便地订阅特定事件并在其他组件中发布相应消息,提高代码的灵活性。
摘要由CSDN通过智能技术生成

在React中,父子组件可以通过props和回调函数进行通信;

但是,兄弟组件之间通信并没有提供现成的方法,如果要实现兄弟组件之间的通信,就需要在多层组件之间一层一层传递,将信息传给共同的父组件,然后父组件传递给子组件的方式;

这样非常繁琐和不利于维护;

引入第三方库PubSubJS,就能直接在触发事件的组件中发布消息,监听组件中订阅消息来实现兄弟组件的通信:

使用方法如下:

  1. 工具库: PubSubJS
  2. GitHub
  3. 下载: npm install pubsub-js --save
  4. 使用方法:
import PubSub from 'pubsub-js' //引入
PubSub.subscribe('delete', function(data){ }); //订阅
PubSub.publish('delete', data) //发布消息
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值