現在我正在為我的網站添加一個登錄部分，當我點擊登錄時，我希望Publish當Verify我的源路由到/login. 這是我的代碼：
import { Navbar, Welcome, Footer, Publish, Verify, Login } from './components';
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
const App = () => {
return (
<div className="min-h-screen">
<div className="gradient-bg-welcome">
<Navbar />
<Router>
<Routes>
<Route path='/' exact element={<Welcome/> } />
<Route path='/' element={<Publish /> } />
<Route path='/' element={<Verify />} />
<Route path='/login' element={<Login/>} />
</Routes>
</Router>
</div>
<Footer />
</div>
)
}
export default App
我該如何做到這一點，當path="/"基本上只是主頁時，只有Welcome Publish和Verify顯示而不是Login。我上面的代碼不起作用，因為它僅Welcome在路徑為“/”時顯示，但我也希望它顯示Publish和Verify. 我怎樣才能做到這一點？
uj5u.com熱心網友回復：
您可以通過執行以下操作來實作。
import { Navbar, Welcome, Footer, Publish, Verify, Login } from './components';
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
const App = () => {
return (
<div className="min-h-screen">
<div className="gradient-bg-welcome">
<Navbar />
<Router>
<Routes>
<Route path='/' element={
<>
<Welcome/>
<Publish/>
<Verify/>
</>} />
<Route path='/login' element={<Login/>} />
</Routes>
</Router>
</div>
<Footer />
</div>
)
}
export default App
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/411652.html
標籤：