使用React-router时，我希望将链接的位置传递到路由

import React from 'react';
import { BrowserRouter as Router, Route, Link } from 'react-router-dom';

const Home = () => <h1>Home</h1>;
const About = (props) => <h1>About {props.match.params.location}</h1>;

const App = () => (
  <Router>
    <div>
      <ul>
        <li>
          <Link to="/">Home</Link>
        </li>
        <li>
          <Link to="/about/paris">About Paris</Link>
        </li>
        <li>
          <Link to="/about/london">About London</Link>
        </li>
      </ul>

      <Route exact path="/" component={Home} />
      <Route path="/about/:location" component={About} />
    </div>
  </Router>
);

export default App;