如何通过react-router-dom和查询字符串使用url上的参数并使用它？

npm install react-router-dom

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

<Router>
  <div>
    <Route exact path="/" component={Home} />
    <Route path="/user/:id" component={User} />
  </div>
</Router>

const User = (props) => {
  const { id } = props.match.params;
  // 使用id参数进行相关操作
  return (
    <div>
      <h2>User ID: {id}</h2>
    </div>
  );
};

const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);
const paramValue = urlParams.get('paramName');