1. 安装

  1. yarn add react-router-dom

2.router.js

  1. /*
  2.  * @Author: zulezhe
  3.  * @Date: 2021-12-23 09:15:06
  4.  * @LastEditors: wangchaoxu
  5.  * @LastEditTime: 2021-12-23 09:15:53
  6.  * @Path: https://gitee.com/zulezhe/
  7.  * @Description:
  8.  */
  9. import Login from "../pages/login/Login";
  10. import Home from "../pages/home/home";
  11. import User from "../pages/user";
  12. import UserTwo from "../pages/usertow";
  14. import Demo1 from "../pages/routerDemo/demo1";
  15. import Demo2 from "../pages/routerDemo/demo2";
  16. import Demo3 from "../pages/routerDemo/demo3";
  17. interface router {
  18.   path: string;
  19.   component: any;
  20.   exact?: boolean;
  21.   children?: Array<router>;
  22. }
  24. const routers: Array<router> = [
  25.   {
  26.     path: "/",
  27.     exact: true,
  28.     component: Login,
  29.   },
  30.   {
  31.     path: "/home",
  32.     component: Home,
  33.     children: [
  34.       {
  35.         path: "/",
  36.         component: Demo1,
  37.       },
  38.       {
  39.         path: "/home/demo2",
  40.         component: Demo2,
  41.       },
  42.       {
  43.         path: "/home/demo3",
  44.         component: Demo3,
  45.       },
  46.     ],
  47.   },
  48.   {
  49.     path: "/home",
  50.     component: Home,
  51.   },
  52.   {
  53.     path: "/user",
  54.     component: User,
  55.   },
  56.   {
  57.     path: "/user/:userId",
  58.     component: UserTwo,
  59.   },
  60. ];
  61. export default routers;