未找到頁面和默認主頁總是重定向到主頁 - React Router

Question

我有這個代碼，而且我總是把一個不存在的路由重定向到家。 我希望當輸入不存在的路由時重定向到/404 ，當沒有輸入或/時它重定向到 Home。

            <Switch>
                <Route exact path="/badges" component={Badges} />
                <Route exact path="/badges/new" component={NewBadge} />
                <Route path="/404" component={NotFound} />
                <Route path="/" component={Home} />
                <Redirect from="*" to="/404" />
            </Switch>

Answer 1

在您的 Home 路線中使用確切的道具。

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

Answer 2

我會添加一個<Route>組件而不提供應該重定向到404 path 。

請嘗試以下操作：

<Switch>
    <Route exact path="/badges" component={Badges} />
    <Route exact path="/badges/new" component={NewBadge} />
    <Route path="/404" component={NotFound} />
    <Route path="/" component={Home} />
    <Route component={NotFound} />
</Switch>

我希望這有幫助！

Answer 3

我認為你可以這樣做：

<Switch>
    <Route exact path="/badges" component={Badges} />
    <Route exact path="/badges/new" component={NewBadge} />
    <Route exact path="/" component={Home} />
    <Route component={NotFound} />
</Switch>