国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

react---pubsub-js消息訂閱與發(fā)布

這篇具有很好參考價(jià)值的文章主要介紹了react---pubsub-js消息訂閱與發(fā)布。希望對大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

pubsub是一個(gè)用Javascript編寫的基于主題的發(fā)布/訂閱庫,適用于任意組件間的通信,需要先訂閱再發(fā)布 ,在組件即將卸載時(shí)鉤子函數(shù)中進(jìn)行取消訂閱。

1. 在線文檔: https://github.com/mroderick/PubSubJS
2. 下載: 【npm install?pubsub-js --save】
3. 使用
(1) import PubSub from 'pubsub-js' // 引入
(2) PubSub.subscribe('update', functon(msg,data){ })
(3) PubSub.publish('update', ?data): 發(fā)布消息, 觸發(fā)訂閱的回調(diào)函數(shù)調(diào)用
(4) PubSub.unsubscribe(token): 取消消息的訂閱

react---pubsub-js消息訂閱與發(fā)布文章來源地址http://www.zghlxwxcb.cn/news/detail-480469.html

到了這里,關(guān)于react---pubsub-js消息訂閱與發(fā)布的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • react當(dāng)我們有兩個(gè)完全不相關(guān)的組件想要通信時(shí),就可以利用這種模式,其中一個(gè)組件負(fù)責(zé)訂閱某個(gè)消息,而另一個(gè)元素則負(fù)責(zé)發(fā)送這個(gè)消息。使用Context配合

    在nextjs項(xiàng)目中,發(fā)現(xiàn)兩個(gè)組件沒啥關(guān)系,例如一個(gè)是一直存在的頭部組件,另一個(gè)是頁面中的組件,當(dāng)我點(diǎn)擊頭部組件中的特定按鈕時(shí),把數(shù)據(jù)傳遞到頁面組件中,頁面組件接受到canshu數(shù)據(jù)后在做其他操作,那么他們兩個(gè)如何通訊,通過context配合觀察者模式實(shí)現(xiàn)。 首先在其

    2024年02月15日
    瀏覽(29)
  • 從零開始用Nodejs搭建一個(gè)MQTT服務(wù)器,并且用stm32通過esp8266進(jìn)行消息訂閱和發(fā)布

    從零開始用Nodejs搭建一個(gè)MQTT服務(wù)器,并且用stm32通過esp8266進(jìn)行消息訂閱和發(fā)布

    最近在做一個(gè)物聯(lián)網(wǎng)項(xiàng)目,需要用到服務(wù)器進(jìn)行數(shù)據(jù)的存儲和數(shù)據(jù)的請求和發(fā)送,之前我用過onenet平臺上的http服務(wù),雖然能通過get和post請求進(jìn)行數(shù)據(jù)的提交和發(fā)送,但是平臺上的數(shù)據(jù)發(fā)生改變卻不能主動推送給esp8266,與我此次的項(xiàng)目不符合,所以pass。然后我了解了下mqtt協(xié)

    2024年02月04日
    瀏覽(32)
  • Vue消息訂閱與發(fā)布

    Vue消息訂閱與發(fā)布

    ? 引入第三方庫 pubsub.js: Student.vue School.vue TodoList案例使用消息訂閱實(shí)現(xiàn)刪除功能: App.vue : MyItem.vue: ?

    2024年02月15日
    瀏覽(20)
  • Redis 消息隊(duì)列和發(fā)布訂閱

    Redis 消息隊(duì)列和發(fā)布訂閱

    采用redis 三種方案: ● 生產(chǎn)者消費(fèi)者:一個(gè)消息只能有一個(gè)消費(fèi)者 ● 發(fā)布者訂閱者:一個(gè)消息可以被多個(gè)消費(fèi)者收到 ● stream模式:實(shí)現(xiàn)隊(duì)列和廣播模式 Producer調(diào)用redis的lpush往特定key里放消息,Consumer調(diào)用brpop去不斷監(jiān)聽key。 1、利用redis的鏈表,存儲數(shù)據(jù),實(shí)現(xiàn)隊(duì)列模式

    2024年01月18日
    瀏覽(21)
  • Redis實(shí)現(xiàn)消息的發(fā)布和訂閱

    4.1 發(fā)送消息 4.2 接收消息

    2024年02月13日
    瀏覽(19)
  • Redis消息傳遞:發(fā)布訂閱模式詳解

    Redis消息傳遞:發(fā)布訂閱模式詳解

    目錄 1.Redis發(fā)布訂閱簡介 2.發(fā)布/訂閱使用 ? ?2.1?基于頻道(Channel)的發(fā)布/訂閱 ? ?2.2?基于模式(pattern)的發(fā)布/訂閱 3.深入理解Redis的訂閱發(fā)布機(jī)制 ? ?3.1?基于頻道(Channel)的發(fā)布/訂閱如何實(shí)現(xiàn)的? ? ?3.2?基于模式(Pattern)的發(fā)布/訂閱如何實(shí)現(xiàn)的? ? ?3.3?SpringBoot結(jié)合Redis發(fā)布

    2024年02月12日
    瀏覽(19)
  • vue進(jìn)階-消息的訂閱與發(fā)布

    vue進(jìn)階-消息的訂閱與發(fā)布

    ??vue基礎(chǔ)學(xué)習(xí)-組件 介紹了嵌套組件間父子組件通過 props 屬性進(jìn)行傳參。子組件傳遞數(shù)據(jù)給父組件通過 $emit() 返回自定義事件,父組件調(diào)用自定義事件接收子組件返回參數(shù)。 ??vue進(jìn)階-vue-route 介紹了路由組件傳參,兩種方式: params傳參 和 query 傳參 。 本章介紹組件間通信:

    2024年02月16日
    瀏覽(22)
  • C# 簡單模擬 程序內(nèi)部 消息訂閱發(fā)布功能

    C# 簡單模擬 程序內(nèi)部 消息訂閱發(fā)布功能

    我想做個(gè)簡單的消息發(fā)布訂閱功能,但是發(fā)現(xiàn)好像沒有現(xiàn)成的工具類。要么就是Mqtt這種消息訂閱發(fā)布。但是我只想程序內(nèi)部進(jìn)行消息訂閱發(fā)布,進(jìn)行程序的解耦。那沒辦法了,只能自己上了 在Utils 的MessageHelper 這里我用了元祖來進(jìn)行臨時(shí)變量的傳值。元祖如何使用請看我的另

    2024年02月14日
    瀏覽(26)
  • Vue 消息訂閱與發(fā)布 (任意組件間通信)

    也可以使用這種方法 Vue全局事件總線(任意組件間通信) 這種比較繁瑣 npm i pubsub-js Login.vue User.vue

    2024年02月07日
    瀏覽(23)
  • 【Python】Flask + MQTT 實(shí)現(xiàn)消息訂閱發(fā)布

    【Python】Flask + MQTT 實(shí)現(xiàn)消息訂閱發(fā)布

    本次項(xiàng)目主要使用到的庫: flask_mqtt 1.創(chuàng)建Flask項(xiàng)目 2創(chuàng)建py文件: mqtt_demo.py 3.代碼實(shí)現(xiàn) 4.項(xiàng)目運(yùn)行 運(yùn)行項(xiàng)目前可在Pycharm中設(shè)置 host 和 port 設(shè)置好后直接運(yùn)行項(xiàng)目 使用 MQTTX 進(jìn)行消息測試 1、測試消息接收 創(chuàng)建連接 Host :為代碼中定義好的 broker.emqx.io Port :為代碼中定義好的

    2024年02月04日
    瀏覽(21)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包