react 路由跳转带参数

1.比较常用的就是修改路由配置在path:"/xxx/:type" 这种类型 

 {
        name: 'xxxx',
        text: 'xx',
        path: '/xxxx/:type',
        component: xx
      },

这种类型的主要是详情页面等不在一级显示的页面中使用。

2.第二种使用query 来实现,首先引入

import { Link } from 'react-router-dom'

然后在需要跳转的地方添加

<Link to={{ pathname: placeUlr , query : { type: '0' }}}

其中query 就是我们需要传递的参数了 ，在我们跳转的页面使用 props.location.query.type  就可以拿到传过来的参数了

3.使用 state  跟query实现基本一样  props.location.state.type

<Link to={{ pathname: placeUlr , state : { type: '0' }}}