dva 框架介绍

最新推荐文章于 2025-06-20 17:22:56 发布

原创

最新推荐文章于 2025-06-20 17:22:56 发布 · 1.8w 阅读

14 ·

CC 4.0 BY-SA版权

文章标签：

#dva #modul #框架 #route

dva 是基于 redux 最佳实践实现的 framework，简化使用 redux 和 redux-saga 时很多繁杂的操作

数据流向

数据的改变发生通常是通过用户交互行为或者浏览器行为（如路由跳转等）触发的，当此类行为会改变数据的时候可以通过 dispatch 发起一个 action，如果是同步行为会直接通过 Reducers 改变 State ，如果是异步行为（副作用）会先触发 Effects 然后流向 Reducers 最终改变 State，所以在 dva 中，数据流向非常清晰简明，并且思路基本跟开源社区保持一致

这里写图片描述

Modul

Subscription

Subscriptions 是一种从源获取数据的方法，它来自于 elm。
Subscription 语义是订阅，用于订阅一个数据源，然后根据条件 dispatch 需要的 action。数据源可以是当前的时间、服务器的 websocket 连接、keyboard 输入、geolocation 变化、history 路由变化等等。

subscriptions: {
  setup({ dispatch, history }) {
    history.listen(async ({ pathname }, action) => {
      const re =
        pathToRegexp('/group-member/list/:groupId').exec(pathname)
        ||
        pathToRegexp('/group-member/