React Router 6 问题:A <Route> is only ever to be used as the child of <Routes> element

张开发
2026/4/11 4:22:30 15 分钟阅读

分享文章

React Router 6 问题:A <Route> is only ever to be used as the child of <Routes> element
在使用 React Router 6 时出现如下错误信息Uncaught Error: A Route is only ever to be used as the child of Routes element, never rendered directly. Please wrap your Route in a Routes.问题原因在使用Route组件时没有将它包裹在Routes组件中例如function App() { return ( BrowserRouter Route path/ element{Home /} / Route path/about element{About /} / /BrowserRouter ); }function App() { return ( BrowserRouter div Route path/ element{Home /} / /div /BrowserRouter ); }处理策略将Route组件包裹在Routes组件中function App() { return ( BrowserRouter Routes Route path/ element{Home /} / Route path/about element{About /} / Route path/contact element{Contact /} / /Routes /BrowserRouter ); }

更多文章