系统路由

系统路由使用 react-router。路由使用最多的场景就是一个path对应一个页面,但是开发人员不得不去编写配置文件,多人协作时,配置文件还经常冲突。系统通过脚本,简化路由配置。

路由配置方式

通过脚本,自动抓取,生成/src/pages/page-routes.js文件,支持两种写法:

  • 常量方式
  1. export const PAGE_ROUTE = '/path';
  • 页面config装饰器
  1. @config({
  2. path: '/path',
  3. })
  4. export default class SomePage extends React.Component {
  5. ...
  6. }

比如SomePage.jsx中有上面其中任意一种写法,最终会在/src/pages/page-routes.js文件中生成如下路由配置:

  1. {
  2. path: '/path',
  3. component: () => import('/path/to/SomePage.jsx'),
  4. },

二级页面

二级页面如果要保持父级菜单的选中状态,以父级path开始并以//作为分隔符即可:parent/path//child/path

  1. // parent page
  2. @config({
  3. path: '/parent/path'
  4. })
  5. export default class Parent extends React.Component {
  6. ...
  7. }
  8. // child page
  9. @config({
  10. path: '/parent/path/_/child/path'
  11. })
  12. export default class Parent extends React.Component {
  13. ...
  14. }