React学习笔记【10】(消息订阅-发布机制)

学习地址：https://www.bilibili.com/video/BV1wy4y1D7JT
官方文档：

• 英文：https://react.dev/
• 中文：https://react.docschina.org/

工具库：PubSubJS

安装：

npm install pubsub-js --save

使用：

1. import PubSub from ‘pubsub-js’; //引入
2. this.name = PubSub.subscribe(‘消息名称’,function(‘消息名称’,data)); //订阅消息
3. PubSub.publish(‘消息名称’,‘传参’); //发布消息
4. PubSub.unsubscribe(this.name); //取消订阅消息

代码演示
订阅消息及取消订阅

componentDidMount() {
        // 订阅消息 _为占位符
        this.token = PubSub.subscribe('ceshi', (_, data) => {
        console.log(data);
        this.setState({...data})
    })
}
componentWillUnmount(){
    // 取消订阅
    PubSub.unsubscribe(this.token);
}

发布消息

// 发布消息
PubSub.publish('ceshi', { isLoding: true, isFrist: false })