reactjs 为什么react路由器不渲染路由?

bvjxkvbb  于 2023-03-12  发布在  React
关注(0)|答案(2)|浏览(188)

刚开始学习路由,但我不知道为什么他们没有被呈现在屏幕上。我有v6.4,每次我启动应用程序,我得到一个空白页。

import { BrowserRouter, Routes, Route } from 'react-router-dom'

// pages 
import Home from './pages/Home'
import About from './pages/About'

function App() {
  return (
    <BrowserRouter>
     <main>
      <Routes>
        <Route path='/' element={<Home />}/>
        <Route path='about' element={<About />}/>
      </Routes>
     </main>
    </BrowserRouter>
  );
}

export default App
rqmkfv5c

rqmkfv5c1#

不知道为什么它对你不起作用。我在这里添加了相同的代码:https://codesandbox.io/s/quirky-engelbart-x0kqqf?file=/src/App.js和它的工作刚刚好。

8yoxcaq7

8yoxcaq72#

你能这样试试吗

<BrowserRouter>
  <Routes>
    <Route path='/' element={<Home />} />
    <Route path='/about' element={<About />} />
  </Routes>
</BrowserRouter>

相关问题