react路由传参数

最新推荐文章于 2023-04-24 11:00:50 发布

Jmytea

最新推荐文章于 2023-04-24 11:00:50 发布

阅读量538

点赞数

文章标签： reactjs

本文链接：https://blog.csdn.net/Jmyeat/article/details/116947000

版权

react路由传参数1.params<Route path='/path/:name' component={Path}/><link to="/path/2">xxx</Link>this.props.history.push({pathname:"/path/" + name});读取参数用:this.props.match.params.name优势：刷新地址栏，参数依然存在缺点:只能传字符串，并且，如果传的值太多的话，url会变得长而丑陋。2

摘要由CSDN通过智能技术生成

react路由传参数

1.params

<Route path='/path/:name' component={
   Path}/>
<link to="/path/2">xxx</Link>
this.props.history.push({
   pathname:"/path/" + name});
读取参数用:this

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Jmytea

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
5
评论
react路由传参数

react路由传参数1.params<Route path='/path/:name' component={Path}/><link to="/path/2">xxx</Link>this.props.history.push({pathname:"/path/" + name});读取参数用:this.props.match.params.name优势：刷新地址栏，参数依然存在缺点:只能传字符串，并且，如果传的值太多的话，url会变得长而丑陋。2
复制链接

扫一扫