（十二）React 组将之间的通信------使用 PubSub

（十二）组将之间的通信------使用 PubSub

消息发布订阅类的库

下载：

$ npm install pubsub-js --save

导入组件

import 'PubSub' from 'pubsub-js'

订阅消息的组件：

// 组件将要被渲染的时候进行订阅
componentDidMount(){
  PubSub.subscribe("频道", (msg,data)=> {   //msg是消息民称 data是传递的数据  (_,data)----下滑线占位符号
        console.log(msg,data)
      })
  }
}

发布消息的组件：

this.id = PubSub.publish('消息名称',消息内容)

//最后可以在组件卸载的时候停掉这个消息机制
componentWillUnmount(){
    PubSub.unsubscribe(this.id)
}