react路由传参

最近想用react做个前端界面，看到路由这块，关于路由传参，有不少文章没有及时更新，会给人产生误导。

react路由传参有三种方式，其中放在路径中问号后面的参数（search参数），许多文章说用query传，尝试后发现不会出现在路径中。

后来在Stack Overflow上找到相关问题，该方法可以用于router v3，v4及更高版本不可用，17年官方github讨论中就确认这点。

Stack Overflow和官方都有推荐方法：用一个叫qs的库，实现对象与search参数的字符串化和解析。

汇总一下，react路由传参有三种方式：

1、路径传参：
 链接书写：<Link to={`/path/${name}`}>path</Link>
路由注册中用冒号注明有路径参数：<Route path='/path/:name' component={Path} />
在Path组件中，通过解构赋值，从params中拿到路径参数，const { name } = this.props.match.params

2、search传参：
先引入qs包：import qs from "query-string"
链接中除了路径，添加search参数：<Link to={ {