通过react-router传递查询字符串

npm install react-router-dom

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

function MyComponent() {
  const location = useLocation();
  const queryParams = new URLSearchParams(location.search);

  const param1 = queryParams.get('param1');
  const param2 = queryParams.get('param2');

  return (
    <div>
      <p>Param1: {param1}</p>
      <p>Param2: {param2}</p>
    </div>
  );
}

export default MyComponent;

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

function MyComponent({ location }) {
  const queryParams = new URLSearchParams(location.search);

  const param1 = queryParams.get('param1');
  const param2 = queryParams.get('param2');

  return (
    <div>
      <p>Param1: {param1}</p>
      <p>Param2: {param2}</p>
    </div>
  );
}

export default withRouter(MyComponent);