# 一、React-router V4版本修改内容及一些坑
1、所有组件更改为从react-router-dom导入
//v2
import {Router,Route,hashHistory} from 'react-router';
// 4.xx写法
//v4
import {Route,BrowserRouter as Router, Switch} from 'react-router-dom';
// 如果搭配redux,你还需要使用react-router-redux
@前端进阶之旅: 代码已经复制到剪贴板
2、将所有
//v2
<Router history={hashHistory}>
<Route path="/" component={PCIndex}></Route>
<Route path="/details/:uniqueky" component={PCNewsDetails}></Route>
<Route path="/usercenter" component={PCUserCenter}></Route>
</Router>
@前端进阶之旅: 代码已经复制到剪贴板
现在需要更改为
BrowserRouter
- 这里的代码不仅仅是将
Router替换为BrowserRouter,而且还把所有的Route中用Switch包裹起来.
//v4
<BrowserRouter>
<Switch>
<Route exact path="/" component={MobileIndex}></Route>
<Route path="/details/:uniqueky" component={MobileNewsDetails}></Route>
<Route path="/usercenter" component=