如何自動路由 go 到反應路由器中的嵌套路由路徑

Question

我有一條回家路線：

<Route path="/home" component={Home}/>

包含一個側邊欄組件和兩個嵌套路由：

function Home() {

    return <div className={"home-div"}>
        <HomeNavLinks />
            <Route path={"/home/page1"} component={Page1}/>
            <Route path={"/home/page2"} component={Page2}/>
    </div>
}

export default Home;

問題是，每當我 go 到僅 /home 路由時，它都會呈現沒有主要內容的側邊欄。 有沒有辦法讓/home路由總是 go 到/home/Page1組件，同時仍然呈現側邊欄？

謝謝

Answer 1

將 Page1 組件的路徑更改為 path={"/home"}。 將此視為您的第一頁。