我正在 React 中開發一個專案并嘗試實作引導導航欄和 react-router-dom。我能夠正確顯示所有內容，但是，沒有任何鏈接有效。
這是我能夠復制我的問題的代碼沙盒的鏈接
對我所缺少的任何見解將不勝感激！
<BrowserRouter>
<div className='page-container'>
<div className='content-wrap'>
<div>
<>
<Navbar bg="dark" variant="dark">
<Container>
<Navbar.Brand href="#home">Shake Up Fitness</Navbar.Brand>
<Nav className="me-auto">
<Nav.Link as={Link} to='/'>Home</Nav.Link>
<Nav.Link as={Link} to='/activities'>Activities</Nav.Link>
<Nav.Link as={Link} to='/signup'>Sign Up</Nav.Link>
<Nav.Link as={Link} to='/contact'>Contact</Nav.Link>
</Nav>
</Container>
</Navbar>
</>
<div>
<Routes>
<Route path="/" element={<Home/>} />
<Route path="/activities" element={<Activities/>} />
<Route path="/signup" element={<SignUp/>} />
<Route path="/contact" element={<Contact/>} />
</Routes>
</div>
</div>
</div>
<Footer />
</div>
</BrowserRouter>
uj5u.com熱心網友回復：
移除<Container>包裹導航欄的元素。似乎這是導致問題的原因。
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/397939.html
標籤：反应 反应路由器-dom 反应引导 bootstrap-5
下一篇：在awk腳本中讀取CSV檔案