例如一级页面是投资机构列表，二级页面是对应的投资项目列表
首先代码引入react-router的BrowserRouter（重命名为Router），Route，Link，Switch 四个组件.
1.首先是有跳转链接
{currentUser.authorities.includes('xxx管理') && (
<Link className={styles.button} to={`/companies/${record.id}`}>
投资总览
</Link>
)}
2.路由控制
<Route
//match是一个匹配路径参数的对象，它有一个属性url，里面的内容
//就是路径参数,除常用的属性外url，它还有params、path、isExact属性
path={`${match.url}companies/:sid`}
component={StoreList}
/>
- 通过链接和路由控制跳转到下一页面，当组件加载完成后，显示不同投资机构下的投资项目列表，故在生命周期中加入带参数的fetch方法
componentDidMount() {
const debtorId = this.props.match.params.sid;
this.props.fetchStores({ debtorId: debtorId });
}
总结：在单页面应用中使用react-router可以方便的实现页面跳转
结合redux使用可以满足大部分项目的开发。
