1:安装 pubsub-js
npm install pubsub-js
2:导入 pubsub库
import PubSub from 'pubsub-js';
3: 发布消息 (例子)
PubSub.publish('yus', { isFirst: false, isLoading: true });
4: 订阅消息 (例子)
this.token = PubSub.subscribe('yus', (_, stateObj) => {
this.setState(stateObj);
});
5: 取消订阅
componentWillUnmount() {
PubSub.unsubscribe(this.token);
}
消息订阅与发布机制
1.先订阅,再发布(理解:有一种隔空对话的感觉)
2.适用于任意组件间通信
3.要在组件的componentWillUnmount中取消订阅