gogogo
管理员
管理员
  • UID25
  • 粉丝0
  • 关注0
  • 发帖数1384
阅读:5805回复:1

PubSubJS的基本使用

楼主#
更多 发布于:2020-12-02 18:44

参考

PubSubJS-GitHub
PubSubJS-npm



使用说明

首先说明我当前使用的 pubsub 版本为 1.6.0


什么是 pubsub?

PubSubJS is a topic-based publish/subscribe library written in JavaScript.即 一个利用JavaScript进行发布/订阅的库


使用

React + TypeScript

安装
npm install pubsub-js  -s

发布



import Pubsub from 'pubsub-js'
export const pubsubID = 'd806a360-21aa-406e-9e5f-7f375087514f'  // pubsub token
Pubsub.publish(StationStatisticsID, data)
// 或
PubSub.publishSync(StationStatisticsID, data)   //可多次发布


订阅

import Pubsub from 'pubsub-js'
import {pubsubID} from 'xxx'

componentDidMount() {
        /**
        * 订阅
        */
        pubsub = Pubsub.subscribe(pubsubID, (msg, data) => {
                console.log(msg) // 这里将会输出对应设置的 pubsubID
                console.log(data) // 这里将会输出对应设置的参数
        })
}
componentWillUnmount() {
        /**
        * 取消指定的订阅
        */
        Pubsub.unsubscribe(pubsub)
        /**
        * 取消全部订阅
        */
        PubSub.clearAllSubscriptions()
}
gogogo
管理员
管理员
  • UID25
  • 粉丝0
  • 关注0
  • 发帖数1384
沙发#
发布于:2020-12-02 18:44
游客


返回顶部