如何访问react路由中的get参数

import React from 'react';
import { useLocation } from 'react-router-dom';

const MyComponent = () => {
  const location = useLocation();
  const searchParams = new URLSearchParams(location.search);
  
  // 获取单个GET参数的值
  const paramValue = searchParams.get('paramName');
  
  // 获取所有GET参数的值
  const allParams = {};
  for (let param of searchParams.entries()) {
    allParams[param[0]] = param[1];
  }
  
  // 在渲染时使用获取到的GET参数的值
  return (
    <div>
      <h1>GET参数值: {paramValue}</h1>
      <h2>所有GET参数:</h2>
      <ul>
        {Object.entries(allParams).map(([key, value]) => (
          <li key={key}>
            {key}: {value}
          </li>
        ))}
      </ul>
    </div>
  );
};

export default MyComponent;