如何在从一个页面导航到另一个页面时在react hookrouter中传递状态或属性

npm install hookrouter

import { useRoutes, A } from 'hookrouter';

function HomePage() {
  return (
    <div>
      <h1>Home Page</h1>
      <A href="/about" state={{ name: 'John', age: 25 }}>Go to About Page</A>
    </div>
  );
}

function AboutPage(props) {
  return (
    <div>
      <h1>About Page</h1>
      <p>Name: {props.state.name}</p>
      <p>Age: {props.state.age}</p>
    </div>
  );
}

function App() {
  const routes = {
    '/': () => <HomePage />,
    '/about': () => <AboutPage />
  };

  const routeResult = useRoutes(routes);

  return (
    <div>
      {routeResult}
    </div>
  );
}