详解React路由传参方法汇总记录

 <Link to={{ pathname: "/user/add/1" }}>跳转新增页面</Link>

 this.props.history.push("/user/add/1");

this.props.match.params

<Link to={{ pathname: "/user/add", query: { id: 1 } }}>
     跳转新增页面
 </Link>

this.props.history.push({
       pathname: "/user/add",
       //参数
       query: { id: 1 },
      });

this.props.location.query

<Link to={{ pathname: "/user/add", state: { id: 1 } }}>
     跳转新增页面
    </Link>

this.props.history.push({
       pathname: "/user/add",
       state: { id: 1 },
      });

this.props.location.state

class App extends React.Component {
 render() {
  return (
   <BrowserRouter>
    <Route path="/user" exact ponent={User} />
    //动态路由
    <Route path="/user/add/:id?" ponent={UserAdd} />
    {/ <Redirect to="/user" />