React通过Link路由跳转页面,刷新后页面参数消失

React项目通过Link跳转路由:
<Link to\={{pathname:"/page/service/repair/detail", query:{initForm: row}}}>明细表详情</Link\>

新页面通过this.props.location.query.initForm获取参数

跳转成功,参数也传过去了,但是再刷新页面时,query参数就获取不到了,请教各位大神有没有什么好的解决办法?

阅读 5.2k
1 个回答

刷新页面,相当于原生加载,react-router并不会解析当前或href;就像你用a标签跳转也获取不到一样的道理。
解决办法很简单,刷新和a标签跳转都会触发页面的componentDidMount声明周期函数,你这个函数中获取window.location.href,把href中的query解析出来就可以了,url解析,推荐一个第三方 url-parse

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题