Skip to content
基于react-router的中国习惯版,集中配置路由
CSS JavaScript HTML
Branch: master
Clone or download

Latest commit

Latest commit 10827bf Apr 2, 2020

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
config
doc
lib
src
.babelrc
.gitignore
README.md
index.html
index.js
package-lock.json
package.json
tsconfig.json
webpack.config.babel.js

README.md

react-router-pro

基于react-router的中国习惯版,集中配置路由(赠人玫瑰手有余香,辛苦码字,留个星呗)

文档

文档地址

用法

安装

npm i react-router-pro

使用

import {RouterPro} from "react-router-pro"

const compEnum = createMap([{
    alias: "home",
    component: Index
}],"alias")


let data = [{
    name: "主页",
    zh_CN: "主页",
    en_US: "home",
    path: "/",
    component: Index,
    icon: "HomeOutlined",
}];

<RouterPro data={data} compEnum={compEnum}/>

业务无法实现?

如果遇到react-router-pro无法实现的业务,请及时issue,您会得到最及时的帮助

更新日志 v0.0.4 地址

1.组件调用props时的bug

常见问题

  1. history.push为什么地址跳转了,但是页面不变?
    • 答:可能history你引用的是原生的,history要使用react-router-pro的。
  2. 很多路由出现没权限的页面或者404?
    • 可能是/路由下配置了children,唯一特殊的就是根路由下不要配置子路由,需要的可以另起一个对象配置,如下:
    let data = [{
        name: "主页",
        zh_CN: "主页",
        en_US: "home",
        path: "/",
        component: Index,
        icon: "HomeOutlined",
    },{ name: "其他",
      zh_CN: "其他",
      en_US: "other",
      path: "/other",
      component: Index,
      icon: "HomeOutlined"}];
  3. 跳转到没权限和404的地址是什么?
    • 无权限:/noneAuth,404:/404
  4. react-router更新了,性能提高了,我想用怎么办?
    • react-router-pro会第一时间评估稳定性,升级react-router-pro。
You can’t perform that action at this time.