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的使用相关推荐

DvaJS中的Subscription
简介: subscriptions是订阅,用于订阅一个数据源,然后根据需要dispatch相应的action.数据源可以是当前的时间.服务器的websocket连接.keyboard输入.geoloc ...
一篇文章读懂 React and redux 前端开发 -DvaJS, a lightweight and elm-style framework.
DvaJS: React and redux based, lightweight and elm-style framework. https://dvajs.com/ 实例项目源码:https:/ ...
一文彻底搞懂 DvaJS 原理
Dva 是什么 dva 首先是一个基于redux[1]和redux-saga[2]的数据流方案,然后为了简化开发体验,dva 还额外内置了react-router[3]和fetch[4],所以也可以理 ...
DvaJs：React数据流解决方案
DvaJs:React数据流解决方案摘要本文最终想要达到的目的是掌握DvaJs的使用,从起源开始讲起.文章内容借鉴了阮一峰博客与各技术官网. Flux篇 Fulx是什么? Flux 是一种架构思想 ...
React应用框架DvaJs入门
1 什么是Dva? dva 首先是一个基于 redux 和 redux-saga 的数据流方案,然后为了简化开发体验,dva 还额外内置了 react-router 和 fetch,所以也可以理解为一 ...
DvaJS 入门，快速上手Dva
为什么要使用Dva? React 没有解决的问题 React 本身只是一个 DOM 的抽象层,使用组件构建虚拟 DOM. 如果开发大应用,还需要解决一个问题. 通信:组件之间如何通信? 数据流:数据如 ...
Minimal安装CentOS 7使用yum报This system is not registered to Red Hat Subscription Management.
问题描述最小化安装CentOS 7的Linux系统后,发现yum安装任何工具,都报This system is not registered to Red Hat Subscription Mana ...
什么是 Rxjs 的 subscription
什么是订阅? Subscription 是一个对象,该对象代表一个一次性资源,通常是一个 Observable 的执行. Subscription 有一个重要的方法,unsubscribe,它不接受任 ...
使用GraphQL的subscription订阅服务器的通知
首先在schema.graphql里定义一个Deal类型: 我们模拟的场景是:每当有新的交易发生时,我们期望从服务器端收到通知. 创建一个新的subscription,字段为deal,类型为刚才定义的 ...

DvaJS的Subscription的使用

subscripition的用法：

DvaJS的Subscription的使用相关推荐

最新文章

热门文章