React路由器多个ids参数

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

const User = (props) => {
  const { id, name } = props.match.params;

  return (
    <div>
      <h2>User Details</h2>
      <p>ID: {id}</p>
      <p>Name: {name}</p>
    </div>
  );
};

const App = () => {
  return (
    <Router>
      <div>
        <ul>
          <li>
            <Link to="/user/1/john">User 1</Link>
          </li>
          <li>
            <Link to="/user/2/jane">User 2</Link>
          </li>
        </ul>

        <Route path="/user/:id/:name" component={User} />
      </div>
    </Router>
  );
};

export default App;