可以将参数传递给路由中的组件

import { BrowserRouter as Router, Route } from 'react-router-dom';
import ComponentA from './ComponentA';
import ComponentB from './ComponentB';

function App() {
  return (
    <Router>
      <Route path="/componentA/:param" component={ComponentA} />
      <Route path="/componentB" component={ComponentB} />
    </Router>
  );
}

export default App;

import { useParams } from 'react-router-dom';

function ComponentA() {
  const { param } = useParams();

  return (
    <div>
      <h1>Component A</h1>
      <p>参数值: {param}</p>
    </div>
  );
}

export default ComponentA;