找不到页面和默认主页总是重定向到主页 - React Router

Question

我有这个代码，而且我总是把它重定向到家的不存在的路线。我希望当输入不存在的路由时重定向到/404，当没有输入或/输入时重定向到主页。            <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>组件而不提供path应该重定向到404一个的组件。

尝试以下操作：

<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>