react中用link跳转的方式：1、通过Link跳转携带隐形参数，然后使用“this.props.location.query”拿到所传参数对象；2、通过Link跳转携带显性参数，然后使用“this.props.match.params.id”获取参数。
本教程操作环境：Windows10系统、react18.0.0版、Dell G3电脑。
react中怎么用link跳转？
React中Link跳转
Link跳转携带隐形参数：
<Link to={{
pathname: 'agent-openservice/',
query:{
shop_id:row.shop_id,
merchant_id:row.merchant_id
}
}} />可通过this.props.location.query拿到所传参数对象
缺点：页面刷新路由丢失、参数丢失
优点：可携带多个参数
Link跳转携带显性参数
<Link to={{pathname: 'agent-openservice/' + shopId, }} />挂载的路由路径：
<Route path="agent-openservice/:id">
可通过this.props.match.params.id获取参数
优点：刷新页面不会丢失参数
缺点：只能传递一个参数
推荐学习：《react视频教程》
以上就是react中怎么用link跳转的详细内容，更多请关注php中文网其它相关文章！
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
