react-router v4 扫雷记

最新推荐文章于 2024-04-29 14:00:07 发布

guodengh

最新推荐文章于 2024-04-29 14:00:07 发布

阅读量1.9k

点赞数

分类专栏：解决问题文章标签： react-router 前端

本文链接：https://blog.csdn.net/guodengh/article/details/81436785

版权

本文记录了在使用React-Router v4过程中遇到的一些问题及其解决方案，包括错误提示'Nothing was returned from render.'的原因，警告<Route component>与<Route children>同时使用时的情况，访问除根目录外其他路径报Cannot GET /rooms的错误，以及如何向子组件传递props数据和解决二级以上路由资源路径问题的方法。

摘要由CSDN通过智能技术生成

csdn的编辑器终于能截图了啊，比起之前试图推荐的markdown编辑器，贴图还是更好用，毕竟这里是博客不是文档^_^

1、error: Nothing was returned from render.

cause：return 后面的括号必须在同一行，如果(在下一行就会认为没有返回东西

2、warning: You should not use <Route component> and <Route children> in the same route; <Route children> will be ignored

// 这种写法会认为是嵌套组件，在react-router v4中不再推荐这种嵌套，应该在业务组件中去写各自的路由
<Route path='/' component={Login}>  <Route/> 	
	
// 改为自闭标签就欧了
<Route path='/' component={Login}/>

3、error: Cannot GET /rooms 除了根目录其他所有路