自定义 404 页面 React Router 显示在所有页面上答案

【问题标题】：Custom 404 page React Router displays on all pages自定义 404 页面 React Router 显示在所有页面上
【发布时间】：2018-10-02 22:01:38
【问题描述】：

我正在尝试呈现自定义 404 页面。从文档和大多数人的建议看来，实现这一目标的最佳方法是：

<BrowserRouter>
 <Switch>
  <Route exact path="/" component={Home}/>
    ....a bunch of other routes
  <Route path="*" components={NotFound}/>
 </switch>
</BrowserRouter>

问题是在每个组件的底部呈现这些东西。关于为什么会出现这种情况的任何见解...？

【问题讨论】：

我们能看到“其他一堆路线”吗？另外，你这里有一些错别字，最好把真实的代码贴在这里。
在文档中的哪个位置说要使用 path="*" 表示 404？ reacttraining.com/react-router/web/example/no-match

标签： javascript reactjs react-router react-router-v4

【解决方案1】：

我建议你使用 Switch JSX 元素。使用交换机只会渲染一个路由器。

我看到你已经在使用它了。似乎您在结束标记中有错字，应该是 Switch 首字母大写，您应该传递组件 prop 而不是组件

另外，尽量省略404 Route元素中的路径，只传递组件。

【讨论】：

【解决方案2】：

问题只是当它能够感知大写字母并且不会呈现“找不到页面..”的元素时就像其他人所说的将组件更改为组件:)

【讨论】：