本教程操作环境：windows10系统、React18.0.0版、Dell G3电脑。react中怎么用link跳转？React中Link跳转Link跳转携带隐形参数：<Link to={{ pathname:
本教程操作环境：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跳转的详细内容，更多请关注编程网其它相关文章！
--结束END--
本文标题: react中怎么用link跳转
本文链接: https://www.lsjlt.com/news/206772.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑，方便收藏和打印～
2023-05-25
2023-05-25
2023-05-25
2023-05-25
2023-05-25
2023-05-24
2023-05-24
2023-05-24
2023-05-24
2023-05-24
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0