页面中的 Reactjs jspdf-autotable 输出

如何解决页面中的 Reactjs jspdf-autotable 输出

我正在尝试在 reactjs 页面上显示刚刚创建的 pdf，而无需下载它。

我已经使用 iframe 尝试过这个，但它不起作用。

有人可以帮我吗？

链接：codesandbox

import React,{ useEffect,useState } from "react";

import jsPDF from "jspdf";
import "jspdf-autotable";

export default function App() {
  const [url,setUrl] = useState("https://reactnative.dev/");

  const unit = "pt";
  const size = "A4"; // Use A1,A2,A3 or A4
  const orientation = "portrait"; // portrait or landscape
  const doc = new jsPDF(orientation,unit,size);

  const pdf = () => {
    const marginLeft = 40;
    var finalY = doc.lastAutoTable.finalY || 10;

    doc.setFontSize(15);

    doc.text("Total: ",marginLeft,finalY + 50);
    setUrl(doc.output("datauristring"));
  };

  useEffect(() => {
    pdf();
  },[]);

  return (
    <div className="App">
      <h1>Hello</h1>
      <iframe title="frame" src={url} height={800} width={600} />
    </div>
  );
}