react-router-dom 不同版本配置路由可选参数的方式

494 阅读1分钟

React-router-dom不同的版本配置可选路有参数的方式不太一样,做一下记录

V4:
`useRoutes([{
    path: 'edit(/:id)',
    key: 'edit_info',
    element: <Edit />
}])`

V5:
`useRoutes([{
    path: 'edit/:id?',
    key: 'edit_info',
    element: <Edit />
}])`

V6:
`useRoutes([{
    path: 'edit',
    key: 'edit_info',
    children:[
        {
            path: ':id',
            key: 'edit_info',
            element: <Edit />
        },
        {
            path: '',
            key: 'edit_info',
            element: <Edit />
        },
    ]
}])`