我有嵌套路由，第三級(jí)路由失敗。這是我的路由結(jié)構(gòu)是的....但問(wèn)題是，App.js 路由到 -Home -About -Dashboard 然后 Dashboard 有子組件到 -Profile (/dashboard/user) -Account (/dashboard/account) -Wallet (/dashboard/wallet) - 設(shè)置 (/dashboard/settings) 然后設(shè)置還有其他子組件 - 編輯個(gè)人資料 (/dashboard/settings/editprofile) - 編輯密碼和 Pin 圖 (/dashboard/settings/editpassword) - 編輯帳號(hào) (/儀表板/設(shè)置/編輯編號(hào)）前兩級(jí)路由正在工作，但是當(dāng)我刷新頁(yè)面時(shí)，最后一個(gè)路由失敗，盡管當(dāng)我返回主頁(yè)并單擊鏈接直到到達(dá)最后一個(gè)組件時(shí)它會(huì)呈現(xiàn)，但是一旦我刷新瀏覽器，它就會(huì)中斷，當(dāng)我手動(dòng)輸入時(shí)它也不起作用。這是我的 App.js 路由設(shè)置import { BrowserRouter as Router, Switch, Route, Redirect,} from "react-router-dom";const App = () => { return ( <div className="App"> {/* setting up the routes */} <Switch> <Route path="/" exact component={Home} /> <Route path="/dashboard" component={dashboard} /> <Route path="/login" exact component={Login} /> <Route path="/register" exact component={SignUp} /> <Route path="/about" exact component={AboutServices} /> </Switch> </Router> </div> );};我的儀表板.jsimport { Route, useRouteMatch, NavLink, Switch } from "react-router-dom";const App = () => { let { path, url } = useRouteMatch(); return ( <div className="App"> <nav> Navavigation bar <nav> {/* setting up the routes */} <div className="MainBody"> <Switch> <Route path={`${path}/wallet`} exact component={Wallet} /> <Route path={`${path}/profile`} component={Profile} /> <Route path={`${path}/account`} component={Account} /> <Route path={`${path}/settings`} exact component={Settings} /> </Switch> </div> </div> );};設(shè)置頁(yè)面import { Switch, Route, useRouteMatch, NavLink, BrowserRouter,}
當(dāng)我刷新時(shí)，React Router 不顯示組件
明月笑刀無(wú)情
2023-07-20 15:52:59
