一.前言
上午把近日用React做的一个新闻项目所依赖的包升级到了最新的版本,其中从react-router(2.8.1)升级到react-router(4.1.2)中出现了很多问题,故总结一下在升级过程中遇到的问题.
二.react-router,V4版本修改内容
1. 所有组件更改为从react-router-dom导入
之前的所有路由组件均是从react-router中导入,在我之前的项目中,导入相关组件如下:
@H_404_17@
在react-router4 开始,所有的router组件均是从react-router-dom中导入,所以一下的需要更改为以下代码:
@H_404_17@
2. 将所有
@H_404_17@
3.
细心的你发现在,到导入的过程中,我删除了Router,但是增加了BorwerRouter和Switch,下面我会一步步的说明.
2. 将所有替换为
之前v2中的代码如下:
现在需要更改为BrowserRouter
细心的你发现,这里的代码不仅仅是将Router替换为BrowserRouter,而且还把所有的Route中用Switch包裹起来. 下面就是v4的另一个修改.
3. 只能有一个子节点
In v3,you could specify a number of child routes,and only the first one that matched would be rendered.
v4 provides a similar functionality with the