react router @4 和 vue路由 详解(五)react怎么通过路由传参

时间:2021-06-05 01:02:48

完整版:https://www.cnblogs.com/yangyangxxb/p/10066650.html

7、react怎么通过路由传参?

  a、通配符传参(刷新页面数据不丢失)

react router @4 和 vue路由 详解(五)react怎么通过路由传参
//在定义路由的时候

<Route path='/path/:自己起个名字' component={Path}/>

//在路由点击跳转的时候

<Link to="/path/你要传的参数">通配符</Link>

//另一个页面接收传来的参数

this.props.match.params.你起的名字
react router @4 和 vue路由 详解(五)react怎么通过路由传参

  

       举个