1.get传值
路由配置还是普通的配置,如:‘admin’
传参方式如:‘admin?id=‘1111’’
通过this.props.location.search获取url获取到一个字符串’?id=‘1111’
我们可以用url,qs,querystring,浏览器提供的api URLSearchParams对象(do not need to support IE and do not contain array or object)或者自己封装的方法去解析出id的值。
2.动态路由传值
路由需要配置成动态路由:如path=’/admin/:id’
传参方式,如’admin/111’
通过this.props.match.params.id 取得url中的动态路由id部分的值,除此之外还可以通过useParams(Hooks)来获取
3.通过query或state传值
传参方式如:在Link组件的to属性中可以传递对象{pathname:’/admin’,query:‘111’,state:‘111’};
通过this.props.location.state或this.props.location.query来获取即可,传递的参数可以是对象、数组等,但是存在缺点就是一刷新页面,参数就会丢失