react-router-dom4.x 如何传递多个参数

发布于 2022-09-11 15:14:39 字数 272 浏览 17 评论 0

通过params传递参数,但是只能传递一个参数吗?

//路由配置
<Route path="/Article/:id" component={Article} />
//调用方法
this.props.history.push(`/Article/${id}`)

这种方法只能传递一个参数吗? 。。。如果传递多个参数应该怎么写?

我看通过query和state方法传递参数是可以传递多个,但是当页面刷新的时候,会丢失参数,这似乎不可取

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

爺獨霸怡葒院 2022-09-18 15:14:39

query可以传递多个参数,类似于表单的get请求,参数是明文显示的
state也可以传递多个参数,类似于表单的post请求,参数不会显示在地址栏里面

公布 2022-09-18 15:14:39

为什么query和state在页面刷新的时候会丢失参数

冰雪梦之恋 2022-09-18 15:14:39
//路由配置
<Route path="/Article/:id/:id2/:id3/:id4" component={Article} />
//调用方法
this.props.history.push(`/Article/${id}/${id2}/${id3}/${id4}`)

或者你的id传一个json string;获取参数时解析json就行了

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文