在React中，如何使用history.push将对象从组件传递给子组件并读取数据

npm install react-router-dom

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

const ParentComponent = () => {
  const history = useHistory();
  const data = { name: 'John', age: 25 };

  const handleClick = () => {
    history.push('/child', data);
  };

  return (
    <div>
      <button onClick={handleClick}>Go to Child Component</button>
    </div>
  );
};

export default ParentComponent;

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

const ChildComponent = () => {
  const location = useLocation();
  const data = location.state;

  return (
    <div>
      <h2>Child Component</h2>
      <p>Name: {data.name}</p>
      <p>Age: {data.age}</p>
    </div>
  );
};

export default ChildComponent;