如何通过导航路线将对象从一个组件传递到另一个组件？

// 源组件
import React from 'react';
import { Link } from 'react-router-dom';

const SourceComponent = () => {
  const obj = { name: 'John', age: 25 };

  return (
    <div>
      <Link to={{ pathname: '/target', state: { obj } }}>Go to Target</Link>
    </div>
  );
};

export default SourceComponent;

// 目标组件
import React from 'react';

const TargetComponent = (props) => {
  const { obj } = props.location.state;

  // 修改传递的对象
  const modifiedObj = { ...obj, age: 26 };

  return (
    <div>
      <h1>{modifiedObj.name}</h1>
      <h2>{modifiedObj.age}</h2>
    </div>
  );
};

export default TargetComponent;