react组件化,组件之间嵌套太深,进行传值非常麻烦,可以使用pubsub-js发布订阅模式为组件间通信更便捷
react导入库
npm install pubsub-js --save
页面引入
import PubSub from 'pubsub-js'
使用方法
- 发送消息:PubSub.publish(名称,参数)
- 订阅消息:PubSub.subscrib(名称,函数)
- 取消订阅:PubSub.unsubscrib(名称)
使用监听传参
子页面使用PubSub.publish发布消息并传第信息
父页面使用PubSub.subscribe订阅指定消息
使用PubSub.unsubscribe取消订阅消息