React路由如何实现传参的多种方法汇总？

本文共计781个文字，预计阅读时间需要4分钟。

React中传参方式众多，通过路由传参的方式也是必不可少的一种。本文记录项目中会用到的路由传参方式：路由跳转传参API + 目标路由获取参数的方式。

一、动态路由跳转方式：`this.props.history.push('/path?param=value')`获取参数方式：`this.props.location.query.param`

二、目标路由获取参数跳转方式：直接使用路由配置中的`path`或`name`获取参数方式：`this.props.match.params.param`

React中传参方式有很多，通过路由传参的方式也是必不可少的一种。

本文记录项目中会用到的路由传参方式： 路由跳转传参API + 目标路由获取参数的方式。