本文主要是介绍②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
这篇关于②react-router4.x使用 路由传值的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!