React:消息订阅(subscribe)-发布(publish)机制
Posted goognine
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React:消息订阅(subscribe)-发布(publish)机制相关的知识,希望对你有一定的参考价值。
使用消息订阅(subscribe)-发布(publish)机制
发布类似触发事件
订阅类似监听事件
使用这种方式的好处是,兄弟组件间通信不必再像使用props那种通过父组件来通信,多层组件之间通信也不必在一层一层的传递, 直接在触发事件的组件中一个发布消息 监听组件中订阅消息即可;
1) 工具库: PubSubJS
2) 下载: npm install pubsub-js --save
3) 使用:
import PubSub from ‘pubsub-js‘ //引入
PubSub.publish(‘delete‘, data) //发布消息
PubSub.subscribe(‘delete‘, function(data){ }); //订阅
示例:
发布消息:
使用export default 默认暴露的好处是引入时不用加{}
publish(消息名,传递的参数)
订阅消息如下:
步骤
1.引入 import PubSub from ‘pubsub-js‘ //引入
2.在componentDidMount方法中订阅
subscribe(消息名,(msg,参数名)=>{})这里的msg不用管,其实代表的是消息名,使用箭头函数是为了绑定this
以上是关于React:消息订阅(subscribe)-发布(publish)机制的主要内容,如果未能解决你的问题,请参考以下文章
RabbitMQ指南之三:发布/订阅模式(Publish/Subscribe)
ReactiveCocoa 冷热订阅(cold subscribe, hot subscribe)