React Router v6 在尝试 link 网页时显示空白网页

Question

我正在尝试在 youtube 上关注 UI 中 React 的 lamadevs Basic 博客教程。在视频的最后一部分，我无法 link 我的网页在 App.js 中，因为他使用版本 5 而不是 6。我尝试将开关切换到路由，但它也没有用。我是否必须下载旧的反应路由器 dom v5 才能工作？现在它会生成一个空白网页。

enter image description here

Answer 1

所以应该是这样的：

<>
  <TopBar /> 
    <BrowserRouter>
    <Routes>
      <Route path="/" element={<App />}>
      </Route>
    </Routes>
  </BrowserRouter>,
</>

不同的是，现在你不写组件，而是element和element是一个JSX，而不是组件函数本身。试试这个，它应该有效。

React Router v6 在尝试 link 网页时显示空白网页

React Router v6 shows blank Webpage when trying to link webpages together

javascript

blogs

reactjs