首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >自定义404页React Router显示在所有页上

自定义404页React Router显示在所有页上
EN

Stack Overflow用户
提问于 2018-10-03 06:01:38
回答 2查看 561关注 0票数 1

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

代码语言:javascript
运行
复制
<BrowserRouter>
 <Switch>
  <Route exact path="/" component={Home}/>
    ....a bunch of other routes
  <Route path="*" components={NotFound}/>
 </switch>
</BrowserRouter>

问题是,它在每个组件的底部呈现这些东西。有什么见解可以解释为什么会是这样吗?

EN

回答 2

Stack Overflow用户

发布于 2018-10-03 06:42:44

我建议您使用Switch JSX元素。使用交换机时,只会渲染一台路由器。

我知道你已经在用它了。似乎在结束标记中有一个拼写错误,它应该是以第一个大写字母进行切换,并且您应该传递组件属性而不是组件

此外,尝试省略404Route元素中的路径,只传递组件。

票数 0
EN

Stack Overflow用户

发布于 2019-11-05 07:28:11

问题只在于元素何时会检测到它将工作的大写字母,并且不会呈现“Page not found..”就像其他人所说的那样,将组件更改为组件:)

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52617037

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档