路由及react(react如何跳转路由器)

维修公司

参考资料: https://reacttraining.com/react-router/web/apinpm install --save react-router-dom引入 import {BroswerRouter as Router, Route, Switch, Link} from 'react-router-dom'
// 定义Route2-1 通过component的方式引用组件 2-2 通过render方式引用组件   }>路由参数传递
第一种: 通过路径传递参数, 通过 props.match.params.key 获取参数
?代表可选参数的意思, 传不传递都可以
第二种: 通过 new URLSearchParams(props.localtion.search).get(key) 获取参数
const params = new URLSearchParams(props.location.search)const name = params.get('name')console.log(name)
第三种: 通过querystring传递参数
const qs = require('querystring')const params = qs.parse(props.location.search)console.log(params)// 输出结果: 前面有个问号需要自己处理// {?name: "mystic", age: "123"}router-link Object