React 消息订阅与发布机制

   日期:2021-01-16     浏览:141    评论:0    
核心提示:在React中,父子组件可以通过props和回调函数进行通信;但是,兄弟组件之间通信并没有提供现成的方法,如果要实现兄弟组件之间的通信,就需要在多层组件之间一层一层传递,将信息传给共同的父组件,然后父组件传递给子组件的方式;这样非常繁琐和不利于维护;引入第三方库PubSubJS,就能直接在触发事件的组件中发布消息,监听组件中订阅消息来实现兄弟组件的通信:使用方法如下:工具库: PubSubJSGitHub下载: npm install pubsub-js --save使用方法:impo

在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) //发布消息
 
打赏
 本文转载自:网络 
所有权利归属于原作者,如文章来源标示错误或侵犯了您的权利请联系微信13520258486
更多>最近资讯中心
更多>最新资讯中心
0相关评论

推荐图文
推荐资讯中心
点击排行
最新信息
新手指南
采购商服务
供应商服务
交易安全
关注我们
手机网站:
新浪微博:
微信关注:

13520258486

周一至周五 9:00-18:00
(其他时间联系在线客服)

24小时在线客服