|
useRoutes如下方法使用时,
报错: useRoutes() may be used only in the context of a <Router> component. import { BrowserRouter as Router, useRoutes } from 'react-router-dom';
function App() {
const routes = useRoutes([
{
path:'/',
element: <div>...</div>
},
{
path:'/a',
element: <div>aaa</div>
}
]);
return (
<Router>
{routes}
</Router>
)
}
解决方案,以组件的方法使用 import { BrowserRouter as Router, useRoutes } from 'react-router-dom';
const GetRoutes = () => {
const routes = useRoutes([
{
path:'/',
element: <div>...</div>
},
{
path:'/a',
element: <div>aaa</div>
}
]);
return routes;
}
const SetRoutes = () => {
return (
<Router>
<GetRoutes />
</Router>
)
} |
|
|