如何使用React Navigation指定404页面

Question

我正在将React Navigation用于我的React App。我因未提供自定义404页面而无法通过SEO检查。我没有在React Navigation docs的任何位置看到如何指定404页面，并且无法通过搜索找到任何答案。现在，如果用户访问了无效的路由，它将把他们带到主页。有没有更熟悉React Navigation的人知道该怎么做。

Answer 1

为您的应用设置确切路径，并为404页面设置一个路由。如果路径与您的路径不完全相同。它将转到404页面。有一个适合您的示例。我使用了react-router-dom库。

<Router>
    <Switch>
        <Route exact path="/" component={AuthLoadingPage} />
        <Route exact path="/login" component={LoginPage} />
        <Route exact path="/logout" component={LogoutPage} />
        <Route exact path="/home" component={HomePage} />
        <Route exact path="/profile" component={ProfilePage} />
        <Route component={NotFoundPage} />
    </Switch>
</Router>