PubSubJS
是一款使用JavaScript编写的 具有发布和订阅的功能的库
我们可以通过npm安装
快速使用
import PubSub from 'pubsub-js'
|
发布
分别为同步和异步形式进行发布分别为publish
,publish
Pubsub.publish(StationStatisticsID, data)
|
StationStatisticsID
:发布订阅的名称这个可以自己进行定义
data
:发布订阅传递的参数
订阅
pubsub = Pubsub.subscribe(pubsubID, (msg, data) => { console.log(msg) console.log(data) })
|
pubsubID
:订阅的名称
msg
:和pubsubID
是一个(相等的值)
data
:接收到发布的值
取消订阅
取消指定的订阅
Pubsub.unsubscribe(pubsub)
|
pubsub
:你需要取消订阅的名称
取消全部订阅
PubSub.clearAllSubscriptions()
|
React中使用
导入库
import PubSub from 'pubsub-js'
|
我们定义一个组件
class App extends Component { MYonClick = () => { PubSub.publish('Mydate', { name: '乔越博客' }) } render() { return ( <div> <button onClick={this.MYonClick}>点我</button> </div> ) } }
|
然后我们第一个子组件进行接收调用
class Ceshi Zi Component { componentDidMount = () => { this.pubsub_token = Pubsub.subscribe('Mydate', (msg, data) => { console.log(msg) console.log(data) }) } render() { return ( <div> 我是子组件 </div> ) } }
|
