React 路由传参(js)

React 路由传参(js)

1.字符串拼接传参

this.props.history.push({pathname:`/xxx/${id}`});

优点：浏览器刷新，依然能获取到参数
缺点：只能传递 字符串类型的参数
获取参数：

this.props.match.params         //这个对象包含了所有拼接传入的参数

2.query 对象传参

this.props.history.push({pathname:'/xxx',query:{...}});

优点：可以传任意类型的参数
缺点：浏览器刷新之后参数就获取不到了(被清空)
获取参数：

this.props.location.query  //这个对象 包含了所有 query方式传入的参数