React+pubsub-js事件订阅

react组件化,组件之间嵌套太深,进行传值非常麻烦,可以使用pubsub-js发布订阅模式为组件间通信更便捷

react导入库

npm install pubsub-js --save

页面引入

import PubSub from 'pubsub-js'

使用方法

  1. 发送消息:PubSub.publish(名称,参数)
  2. 订阅消息:PubSub.subscrib(名称,函数)
  3. 取消订阅:PubSub.unsubscrib(名称)

使用监听传参

子页面使用PubSub.publish发布消息并传第信息

父页面使用PubSub.subscribe订阅指定消息

使用PubSub.unsubscribe取消订阅消息

猜你喜欢

转载自blog.csdn.net/LIUHONGLIAN915/article/details/86484278