使用 react-pdf (@react-pdf/renderer) 在 blob 数据中以模态形式在浏览器中显示 PDF

问题描述

我正在使用方便的 react-pdf 库在我的 React 站点中渲染/显示/下载 pdf。我将我的 PDF 存储在服务器上。我打电话给以 blob 形式发回 PDF 的服务器。现在，当用户单击链接时，我想在浏览器中以模式显示该 PDF。我没有在他们的网站 https://react-pdf.org/ 上找到具体的例子。我不确定我是否应该使用 PDFViewer、https://react-pdf.org/components#pdfviewer 或 BlobProvider、https://react-pdf.org/components#blobprovider

我确信这是一项相当简单的任务，但我无法在任何地方找到任何好的例子。

我觉得最接近的例子来自他们的网站：

import { BlobProvider,Document,Page } from '@react-pdf/renderer';

const MyDoc = (
  <Document>
    <Page>
      // My document data
    </Page>
  </Document>
);

const App = () => (
  <div>
    <BlobProvider document={MyDoc}>
      {({ blob,url,loading,error }) => {
        // Do whatever you need with blob here
        return <div>There's something going on on the fly</div>
      }}
    </BlobProvider>
  </div>
);

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）