react-router如何传参

通过params传参

    

/*路由配置页面*/
<Route path="/addPage/:id" component={addPage} />

/*跳转前的页面，点击后跳转的方法*/
goAddPage() {
    let id = 111
    this.props.router.push({
        pathname: `/addPage/${id}`
    })
}

      在跳转后的页面中可以通过this.props.router.params得到传递的params

通过query传参

/*路由配置页面*/
<Route path="/addPage" component={addPage} />

/*跳转前的页面，点击后跳转的方法*/
goAddPage() {
    const query = {
        id: 111,
        name: '云中客'
    }
    this.props.router.push({
        pathname: '/addPage/',
        query
    })
}

      在跳转后的页面中通过this.props.router.location.query得到传递的query