react路由组件传参（search参数+URLSearchParams对象）

练习react路由组件传参

search参数的传递方法如下

<Link to={`/home/messages/details/?name=${obj.name}&age=${obj.age}`}>链接1</Link>

即在链接尾部添加  /?key=value&key=value

其中key为要传递的参数名，value为要传递的参数值，相邻参数间用&隔开

接着就可以在跳转组建中的props.location.search中看到传递的参数

本打算用querystring库对search参数的urlencoded编码进行参数提取

可意料之外的是querystring被划线并冒出一个提示

原来querystring已被弃用，并且官方推荐使用URLSearchParams API来替代

遂使用URLSearchParams API完成对search参数的urlencoded编码的参数提取

步骤很简单，首先new一个URLSearchParams对象，并用search参数初始化

let msg = new URLSearchParams(props.location.search.slice(1))

 接着使用get方法获取指定键名对应的值

<ul>
    <li>n