react router传参刷新页面消失问题

334 阅读1分钟

最近开始使用react所以很多东西不太熟,也遇到了一些问题,在这里记录总结一下。

react跳转路由的方法

  1. 使用hooks跳转history.push({pathname: '/about', search: 'name=123',state:{age: 18}})
  2. 使用react-router-dom跳转 <NavLink to={'/about?params1=${params1}?params2=${params2}'}>
  • 传参的方式有query,params,search和state
  • 这里使用的方法是search然后封装了一个解析search的公共方法

image.png

  • 方法传入一个string类型的path返回一个params对象
  • 根据path中的?将path分割成多个字符串
  • 再讲字符串以 = 等号分割 返回数组的第0位是对象的key,第一位为对象的值
  • 因为是search所以在浏览器保留了路径。这样刷新页面也不会消失