react router 如何正确简单快速的设置404页面

2024年2月9日 313次阅读 来源: YOLO_Y

http://react-guide.github.io/…
官方文档半天打不开真是最致命的
搜了一堆试了都不行 什么加switch 加一堆都没用
官方文档终于打开了 – –

    <Route path="/" component={App}>
      <Route path="about" component={About}/>
      <Route path="users" component={Users}>
        <Route path="/user/:userId" component={User}/>
      </Route>
      <Route path="*" component={NoMatch}/>
    </Route>

只需一行代码

<Route path="*" component={NoMatch}/>

component里填自己想要显示的默认组件就可以了

注意
要加在自己Route的最下面
要加在自己Route的最下面
要加在自己Route的最下面

<Route path="about" component={About}/>
<Route path="about" component={About}/>
<Route path="about" component={About}/>
<Route path="about" component={About}/>
<Route path="about" component={About}/>
    //...
<Route path="*" component={NoMatch}/>
    原文作者：YOLO_Y
    原文地址: https://segmentfault.com/a/1190000020055135
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞