本教程操作环境：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中怎么用link跳转的详细内容，更多请关注编程网其它相关文章！
