找不到页面和默认主页总是重定向到主页 - 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 路线中使用确切的道具。&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<Route&nbsp;exact&nbsp;path="/"&nbsp;component={Home}&nbsp;/>

Answer 2

我会添加一个<Route>组件而不提供path应该重定向到404一个的组件。尝试以下操作：<Switch>&nbsp;&nbsp;&nbsp; &nbsp;<Route&nbsp;exact&nbsp;path="/badges"&nbsp;component={Badges}&nbsp;/> &nbsp;&nbsp;&nbsp;&nbsp;<Route&nbsp;exact&nbsp;path="/badges/new"&nbsp;component={NewBadge}&nbsp;/> &nbsp;&nbsp;&nbsp;&nbsp;<Route&nbsp;path="/404"&nbsp;component={NotFound}&nbsp;/> &nbsp;&nbsp;&nbsp;&nbsp;<Route&nbsp;path="/"&nbsp;component={Home}&nbsp;/> &nbsp;&nbsp;&nbsp;&nbsp;<Route&nbsp;component={NotFound}&nbsp;/></Switch>

Answer 3

我认为你可以这样做：<Switch>&nbsp; &nbsp;&nbsp;&nbsp;<Route&nbsp;exact&nbsp;path="/badges"&nbsp;component={Badges}&nbsp;/> &nbsp;&nbsp;&nbsp;&nbsp;<Route&nbsp;exact&nbsp;path="/badges/new"&nbsp;component={NewBadge}&nbsp;/> &nbsp;&nbsp;&nbsp;&nbsp;<Route&nbsp;exact&nbsp;path="/"&nbsp;component={Home}&nbsp;/> &nbsp;&nbsp;&nbsp;&nbsp;<Route&nbsp;component={NotFound}&nbsp;/></Switch>