react-router多值传参

react路由传参可以在<Link></Link>传参，也可以写在点击事件里面传参。下面分别介绍一下：

   一、link多个传参

        1、点击某个列表到详情传参

    <Link to={{ pathname: "/biddingDetail", hash: "#ahash", query: { groupId: 1, proCode: 00030001, groupNm: "HELLO" } }}>

        2、在详情接收参数

var query = this.props.location.query;
console.log(query);

  二、在点击事件里面多个传参

        1、点击传参，接收参数是一样的方式。

            

var param = { groupId: 11, proCode: 00030001 };
            var path = {
                pathname: "/newCompanyDetail",
                query: param
            };
            this.props.router.push(path);

三、单个路径传参

    1、需要在router路由文件里面配置

<Route path="/companyNews/:groupId" component={CompanyNews} />

     2、link的时候后面跟参数

<Link to="/details/1"></Link>

    3、接收参数

this.props.params.name