react中如何用link跳转(link,react,web开发)

时间:2024-05-02 09:26:35 作者 : 石家庄SEO 分类 : web开发
  • TAG :

    react%E4%B8%AD%E5%A6%82%E4%BD%95%E7%94%A8link%E8%B7%B3%E8%BD%AC

希望大家仔细阅读,能够学有所成!

react中用link跳转的方式:1、通过Link跳转携带隐形参数,然后使用“this.props.location.query”拿到所传参数对象;2、通过Link跳转携带显性参数,然后使用“this.props.match.params.id”获取参数。

React中Link跳转

Link跳转携带隐形参数:

可通过this.props.location.query拿到所传参数对象

缺点:页面刷新路由丢失、参数丢失

优点:可携带多个参数

Link跳转携带显性参数

<Linkto={{pathname:'agent-openservice/'+shopId,}}/>

挂载的路由路径:

<Routepath="agent-openservice/:id">

可通过this.props.match.params.id获取参数

优点:刷新页面不会丢失参数

缺点:只能传递一个参数

本文:react中如何用link跳转的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:golang是不是免费的下一篇:

6 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18