在react中将卡片的内容从一个页面传递到另一个页面

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

const Card = ({ cardContent }) => {
  return (
    <div>
      <Link to={{
        pathname: '/target-page',
        state: { cardContent }  // 将卡片内容作为state传递给目标页面
      }}>
        点击跳转到目标页面
      </Link>
    </div>
  );
};

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

const TargetPage = () => {
  const location = useLocation();
  const { cardContent } = location.state;  // 获取传递过来的卡片内容

  return (
    <div>
      <h2>目标页面</h2>
      <p>{cardContent}</p>
    </div>
  );
};