react-router多值传参

react路由传参可以在传参,也可以写在点击事件里面传参。下面分别介绍一下:

   一、link多个传参

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

    

        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路由文件里面配置

     2、link的时候后面跟参数

    3、接收参数

this.props.params.name

        

你可能感兴趣的:(react)