我正在使用 react-router-dom v6.0.1,我正在嘗試設定一個簡單的樹結構。
問題是當我將路徑/items Router redirectos鏈接到 Item 組件時。但是當我鏈接/items/3 時,它仍然重定向到 Items 組件。
任何提示?
這是我的代碼:
import React from 'react'
import {
BrowserRouter,
Routes,
Route,
} from "react-router-dom";
import Home from '../screens/Home';
import Items from '../screens/Items';
import ItemsDetail from '../screens/ItemsDetail';
import NotFound from '../screens/NotFound';
export default function RouteConfig() {
return (
<BrowserRouter>
<Routes>
<Route path="/" element={<Home />} />
<Route path="items" element={<Items />}>
<Route path=":itemId" element={<ItemsDetail />} />
</Route>
<Route path="*" element={<NotFound />} />
</Routes>
</BrowserRouter>
)
}
uj5u.com熱心網友回復:
你應該像這樣分開嘗試:
<Route path="/items" element={<Items />}>
</Route>
<Route path="/items/:itemId" element={<ItemsDetail />} />
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/354904.html
