日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > javascript >内容正文

javascript

DvaJS的Subscription的使用

發布時間:2023/12/20 javascript 32 豆豆
生活随笔 收集整理的這篇文章主要介紹了 DvaJS的Subscription的使用 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

簡介:
subscriptions是訂閱,用于訂閱一個數據源,然后根據需要dispatch相應的action。數據源可以是當前的時間、服務器的websocket連接、keyboard輸入、geolocation變化、history路由變化等等。格式為({ dispatch, history }) => unsubscribe。

subscripition的用法:

異步數據初始化:
比如:當用戶進入 /users 頁面時,觸發action users/fetch 加載用戶數據。

app.model({subscriptions: {setup({ dispatch, history }) {history.listen(({ pathname }) => {if (pathname === '/users') {dispatch({type: 'users/fetch',});}})}} })

拓展:

path-to-regexp Package

如果url規則比較復雜,比如: /users/:userId/search ,那么匹配和userId的獲取都會比較麻煩。這時推薦使用 path-to-regexp簡化這部分邏輯。

import pathToRegexp from 'path-to-regexp';// in subscription const match = pathToRegexp('/users/:userId/search').exec(pathname); if (match) {const userId = match[1];// dispatch action with userId }

總結

以上是生活随笔為你收集整理的DvaJS的Subscription的使用的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。