美文网首页
dva 匹配到不同路径,触发不同的effect

dva 匹配到不同路径,触发不同的effect

作者: 奋斗的小小小兔子 | 来源:发表于2019-11-22 11:16 被阅读0次

匹配到不同路径时,触发不同的effect

import pathToRegexp from 'path-to-regexp';

// 常量 
const PAGE_ROUTE = {
  MATERIAL_STORAGE: {
    pathname: '/materialStorage',
  },
  FINANCIAL_PRODUCTS: {
    pathname: '/financialProducts',
  },
 DETAIL_COPY: {
    pathname: '/layout/copy/:layoutId',
  },
}

...



setup({ dispatch, history }) {
      return history.listen((props) => {
        const { pathname, state } = props;
        Object.entries(PAGE_ROUTE).forEach(([key, value]) => {
          let matchResults = [];
          const groups = pathToRegexp(value.pathname, matchResults).exec(pathname);
          if (groups) {
            let params = {};
            matchResults.forEach(function (k, i) {
              params[k.name] = groups[i + 1];
            });
            console.log('state', state);
            dispatch({ type: 'detailIndexPage', payload: { layoutScheme: state, params } });
          }
        });
      });
    },

相关文章

  • dva 匹配到不同路径,触发不同的effect

    匹配到不同路径时,触发不同的effect

  • 不同的路径

    LeetCode题目链接有一个机器人的位于一个 m × n 个网格左上角。机器人每一时刻只能向下或者向右移动一步。...

  • dva 笔记

    put 等同 dispatch dva 默认所有 effect 为 takeEvery, 可以使用下面的写法实现 ...

  • 不同路径

    一个机器人位于一个 *m x n *网格的左上角 (起始点在下图中标记为“Start” )。 机器人每次只能向下或...

  • 不同路径

    一个机器人位于一个 *m x n *网格的左上角 (起始点在下图中标记为“Start” )。 机器人每次只能向下或...

  • 不同路径

    题目来源:力扣(LeetCode)链接:https://leetcode-cn.com/problems/uniq...

  • 不同路径

    一个机器人位于一个 m x n 网格的左上角 (起始点在下图中标记为“Start” )。机器人每次只能向下或者向右...

  • 不同路径

    题目描述:一个机器人位于一个 m x n 网格的左上角 (起始点在下图中标记为“Start” )。 机器人每次只能...

  • 不同路径

    题目描述: 一个机器人位于一个m x n网格的左上角 (起始点在下图中标记为“Start” )。 机器人每次只能向...

  • 不同产品不同运营路径

    ❤每天带你学点社群营销知识~ 不同的产品业务类型,有不同的运营路径和逻辑。 直接面向用户售卖某种商品或服务获得盈利...

网友评论

      本文标题:dva 匹配到不同路径,触发不同的effect

      本文链接:https://www.haomeiwen.com/subject/tfvfwctx.html