React页面跳转传参

Posted 2023-05-01

参考技术A 2）发起跳转页面
html方式：
<Link to=path : ' /target?id=6666 ' >XXXX</Link>
js方式：
this.props.history.push('/target?id=6666')
3）接受跳转页面
相当于解析地址信息
const id= getQueryVariable(this.props.location.search, 'id');
或者
const id= getQueryVariable(window.location.search，‘id');
就可以接受到传递过来的参数（id）

2020-10-08

React 跳转页面传参的做法(Link与push)与差别

参考技术A

做法2特点：

做法3特点：

1、如果A页面到B页面仅仅传递 普通字符串 ，可以使用做法二和做法三；
2、如果A页面到B页面需要传递 json字符串 ，使用方法三。
3、做法一不建议用。