react笔记11(消息订阅-发布机制实现组件通信)

消息订阅(subscribe)-发布(publish)机制实现组件通信

    工具库:PubSubJs

    下载:npm install pubsub-js --save 

    使用:

        import PubSub from ‘pubsub-js’;

        PubSub.subscribe('delete',function(data){ });

        PubSub.publish('delete',data)  


        我们可以把消息订阅发布机制简单的理解为事件(发布,通过相同的名字找到订阅的函数)这里就以我们09的demo做一个测试, componentDidMount(生命周期 第一次渲染插入回调之后)订阅一个叫delete的消息,其中的回调函数会调用我们之前写好的删除数组元素的deletetodo方法

然后在item中,确认删除的时候,发布 delete ,通过相同的名字delete,找到对应的消息订阅 

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本文是一篇译文,英文好的同学可以阅读这里。 两个React组件之间如何通信?这是一个很好的问题,有很多种答案。这个...
    zhuhf阅读 8,711评论 1 27
  • Spring Web MVC Spring Web MVC 是包含在 Spring 框架中的 Web 框架,建立于...
    Hsinwong阅读 22,601评论 1 92
  • 第二十八章 赵媛的话并没有错,徐艾生病的时候史云和刘辉集体打电话、发短信来问询可不可以过来帮忙,实在是徐艾当时困得...
    chief风阅读 543评论 5 2
  • 至今想起来,似乎都有些遗憾,藏在心中的秘密,就这样搁浅,来不及说出口,只能在月光下悄悄的晾晒,伴着黎明的星辰慢慢收...
    凉薄如雪阅读 344评论 0 2