react-router-dom-v6 配置的路由表 怎么做路由登录和权限判断

Question

路由表是这样：

const routesConfig = [{
    path:"/",
    ignore:true,
    element:<Main />,
    children:[{
        path:"",
        element: <PersonalCenter />
    }]
},{
    path:"/login",
    ignore:true,
    notLogin:true,
    element:<Login />,
},{
    path:"/personalCenter",
    title: "个人中心",
    icon: <UserOutlined />,
    element: <Main />,
    children: [{
        path: "",
        element: <PersonalCenter />
    }]
}, {
    path: '/authorization',
    title: '权限管理',
    fold: true,
    element: <Main />,
    children: authorizationRoutes
}, {
        path: '/application',
        title: '应用管理',
        fold:true,
        element: <Main />,
        children: applicationRouters
    },
    {
        path: '/vip',
        title: '会员管理',
        fold:true,
        element: <Main />,
        children: vipManagementRouters
    },
   
    {
        path: '/ihu',
        title: 'ihu',
        fold:true,
        element: <Main />,
        children: IHURouters
    },
     {
        path: '/themeManagement',
        title: '主题管理',
        fold:true,
        element: <Main />,
        children: themeManagementRouters
    },
 
 {
    ignore: true,
    fold: true,
    path: '/systemSetting',
    title: '系统设置',
    element: <Main />,
    children: authorizationRoutes
}
, {
    path: '/error',
    title: '错误',
    notLogin:true,
    ignore: true,
    element: <Error />
}, {
    path: '*',
    notLogin:true,
    element: <Error404 />,
}];