我正在嘗試使用 Route 呈現注冊組件，但它呈現的是一個空白頁面（id="root" 的 div 標簽是 emty
這就是我所做的：-這是包含注冊組件的注冊組件檔案
- 這是沒有使用 React Route 的 App 組件 沒有 React Route 的 App 組件
- 這是它在瀏覽器中的樣子： 渲染后的組件
但是在App組件中使用react Route之后： App component using React route
在網頁中變成了這樣： Register 和 Header 和 Footer 組件不見了
uj5u.com熱心網友回復：
您的 Route 應包含在 Switch 中。您可以查看此示例https://v5.reactrouter.com/web/example/basic
uj5u.com熱心網友回復：
而不是寫component={<Register/>}在你的路線寫element={<Register/>}。此外，您需要將 Route 標簽包含在<Routes/>.
uj5u.com熱心網友回復：
你應該把你的代碼放在這里而不是影像，這樣看起來會更清晰
但是根據我的檢查，App如果您使用 Rou ，則應該在組件中執行此操作
<Routes>
<Route path = "yourpath" element = {<theComponentYouWant/>}>
</Routes>
uj5u.com熱心網友回復：
您需要在 Switch 中使用 Route。A 查看它的 children 并呈現與當前 URL 匹配的第一個。
但最重要的是，您的代碼中缺少的是 url 的路徑。如果你想顯示注冊類似localhost:3000/register路徑的東西就像path="/register"。或者，如果您想在索引上顯示它，路徑將是path="/"示例可以像
<Router>
<div>
<Switch>
<Route path="/register">
<Register />
</Route>
<Route path="/">
<Home />
</Route>
</Switch>
</div>
</Router>轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/405761.html
標籤：