reactjs - React Router 4 - 如果进入了损坏的链接，则路由到默认组件

Question

我正在开发 React Router 4。我有一些组件，例如 home、page1.. 和 page404。如果输入了损坏的链接，我想重定向到 page404。

            <Router>
                <AppContainer>
                    <Route exact path={HOME_URL} component={Home}/>
                    <Route path={SEARCH_RESULTS_URL} component={SearchResults}/>
                    <Route path={PAGE_404} component={Page404}/>
                </AppContainer>
            </Router>

任何人都可以建议一种方法吗？

Answer 1

文档似乎表明您必须将其包装在 <Switch> 中:

<Switch>
    <Route exact path={HOME_URL} component={Home}/>
    <Route path={SEARCH_RESULTS_URL} component={SearchResults}/>
    <Route component={PAGE_404}/>
</Switch>