url获取传参

• 在react中，如果url是以这种形式：

http://sftc.com/page/id/name/age

先在路由路径中配置变量

/page/:id/:name/:age

在跳转时配上变量内容

this.props.history.push({
pathname:`page/${id}/${name}/${age}`
})

通过this.props.match来获取
其中的params属性包含了所有以/:id该形式传的参数

• 如果是以这种形式传参的：

/getcash?name=丰食&availableBalance=1000

直接在跳转时配置变量：

this.props.history.push({
        pathname:`/getcash?name=${shopName}&availableBalance=${availableBalance}
      });

接收变量值：在this.props.location中可以看到，search属性中是?后的url内容
故使用URLSearchParams

 const params = new URLSearchParams(this.props.location.search);
 const shopName = params.get('name');
 const availableBalance = params.get('availableBalance');