react-router 路由传参

路由传递参数

我们知道前端想后台传递参数有两种方式：
一种是直接将参数放在地址栏里面传递，这里又有两种方式：
/home?name=fly&age=18和/home/fly/18
另外一种方式是将参数放在body里面传递
这里针对第一种的两个传递方式：
App.js

export default class App extends Component {
   
    render() {
   
      return (
        <Router>
          <Link to="/home/a">Home</Link>---
          <Link to="/about?name=fly&age=18">About</Link>
          <br />
          <Route exact path='/home' component={
   Home}></Route>
          <Route path='/about' component={
   About}></Route>
        </Router>
      )
    }
  }

那么在about组件里面接收参数的形式;
about.js:

import React, {
    Component } from 'react'