用途:
可用于组件间的通信,数据传递。
如果不借助该库,那兄弟组件之间的通信就需要通过父组件来进行数据传递,比较麻烦,使用PubSubJS库就可以实现兄弟组件之间的通信了。
工具库:
PubSubJS
下载:
npm install pubsub-js --save
引用:
import PubSub from 'pubsub-js'
使用:
- 订阅消息(接收数据)
需要在componentDidMount, componentWillUnmount,两个生命周期函数中。用于订阅消息和取消订阅。
//订阅消息
componentDidMount(){
this.token = PubSub.subscribe('消息名',function(msg,data){})
}
//取消订阅消息
componentWillUnmount(){
PubSub.unsubscribe(this.token)
}
- 发布消息(传递数据)
PubSub.publish('消息名',消息)
关于pubsub-js网址:https://www.npmjs.com/package/pubsub-js