基于react hooks的后台管理系统的路由配置

首先安装react-router-dom
npm install react-router-dom --save-dev
然后创建一个routers.js文件，存储我们的路由：

import PersonalPlan from '../pages/PersonalPlan/PersonalPlan'
import Personnel from '../pages/Personnel/Personnel'
import Project from '../pages/Project/Project'
const routers = [
    {
        name:'人员',
        path:'/Personnel',
        component:Personnel
    },
    {
        name:'项目',
        path:'/Project',
        component:Project
    },
    {
        name:'部门',
        path:'/Department',
        component:Department
    },
    {
        name:'个人计划',
        path:'/PersonalPlan',
        component:PersonalPlan
    },

];
export default routers;

这里如果我们有子路由可以在其中写入children:[]
格式相似
在主页面中我们导入router,js
导入需要的router方法：

import { BrowserRouter as Router,
    Rout