美文网首页
react 组件通讯 pubsub-js

react 组件通讯 pubsub-js

作者: 諍眼閉眼 | 来源:发表于2021-06-25 10:15 被阅读0次

    安装

    npm install pubsub-js --save
    

    使用

    // 引入
    import PubSub from 'pubsub-js'
    
    // 组件加载完成时调用
    componentDidMount(){
            this.P_msg = PubSub.subscribe('msg1',(msgName,obj)=>{
                console.log('接收到消息:' + obj)
                console.log(msgName)
            })
        }
      // 组件销毁时移除监听
        componentWillUnmount(){
            PubSub.unsubscribe(this.P_msg)
        }
    
    
    // 发布消息
    PubSub.publish('msg1',{name: '王二狗'})
    

    相关文章

      网友评论

          本文标题:react 组件通讯 pubsub-js

          本文链接:https://www.haomeiwen.com/subject/ejinyltx.html