react-消息发布订阅机制

59 阅读1分钟

使用第三方工具PubsubJS实现消息兄弟之间的数据通信

安装

pnpm add pubsub-js

消息发布

// 引入
import PubSub from 'pubsub-js'

PubSub.publish('listen',{a:1,b:2})  // 监听事件名  监听数据

消息订阅

// 引入
import PubSub from 'pubsub-js'
// 监听事件名  回调函数-> 接收 msg 事件名, stateObj 消息发布的数据
PubSub.subscribe('listen', (msg,stateObj) => {
			this.setState(stateObj)
		})