②react-router4.x使用 路由传值

react-router 路由传值分为 动态路由传值 和 get传值 两种

1、动态路由传值

配置：

<Route path="/content/:aid" component={Content} />   

对应的动态路由加载的组件里面获取传值

// 在组件中通过这种方式获取传来的值
this.props.match.params

 

2、get传值

配置：

<Link to={`/content/${value.aid}`}>{value.title}</Link>

对应的路由加载的组件里面获取传值

// 通过这种方式获取传递过来的参数，不过需要进行处理
this.props.location.search