在打印PDF之前动态修改React组件的内容

import React, { useState } from "react";
import { Document, Page, pdfjs } from "react-pdf";
import { Button } from "antd";

// 设置PDF.js的worker路径
pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;

const DynamicPDF = () => {
  const [data, setData] = useState("初始数据");

  // 修改数据的函数
  const modifyData = () => {
    setData("修改后的数据");
  };

  return (
    <div>
      <Button onClick={modifyData}>修改数据</Button>
      <Document>
        <Page>
          <div>{data}</div>
        </Page>
      </Document>
    </div>
  );
};

export default DynamicPDF;