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> ) } |
|
|