dva-router-config
项目介绍
使用 react-router-config + dva/dynamic 来进行配置化异步加载组件(可嵌套路由)
安装教程
yarn add dva-router-config
或者
npm i -S dva-router-config
使用说明
1.基础示例
// routes.js path: '/' exact: true import'../IndexPage' path: '/person' import'./_layout' import'src/models/person' routes: path: '/person/redirect' exact: true redirect: '/person/home' path: '/person/home' exact: true import'./Home' import'src/models/person/home' import'src/models/person/dict' path: '/person/mine' exact: true import'./Mine' import'src/models/person/mine' import'src/models/person/dict' ;
// router.jsimport React from 'react';import Router from 'dva/router';import convertRoutes from 'dva-router-config';import routesConfig from './routes/Person/routes'; { return <Router => </Router> ;} ;
// _layout.js import React PureComponent from 'react';import Link from 'react-router-dom';import renderRoutes from 'dva-router-config'; { console; const route = } = thisprops; return <div> <ul> <li> <Link =>home</Link> </li> <li> <Link =>mine</Link> </li> <li> <Link =>redirect</Link> </li> </ul> </div> ; }