Question

假设我有以下路线：

   <Switch>
    <Route path="/my-profile" component={MyProfile} />
    <Route path="/logout" component={Logout} />
    <Route component={NotFound} />
   </Switch>

如果我输入my-profile以外的任何内容或在地址栏中注销，则处理404页可以正常进行。但是，如果我输入.../my-profile/paththatdoesntexist，我仍然会看到个人资料页面。如何处理这种情况？无论路径嵌套多少，都可以显示未找到的页面。

Answer 1

您可以在路线中按以下方式使用exact中的react-router-4道具。

<Switch>
  <Route exact path="/my-profile" component={MyProfile} />
  <Route exact path="/logout" component={Logout} />
  <Route component={NotFound} />
 </Switch>

有关更多参考，您可以在这里阅读exact: bool

用嵌套路由来反应路由器4“未找到”页面

1 个答案: