首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >尝试使用电子反应锅炉板使用@react/渲染器显示PDFViewer设置的PDF组件

尝试使用电子反应锅炉板使用@react/渲染器显示PDFViewer设置的PDF组件
EN

Stack Overflow用户
提问于 2020-08-06 14:47:15
回答 1查看 574关注 0票数 0

是否有人设置了电子传递PDFViewer组件,然后从React中显示给DOM?我能够显示一个空框,因为blob文件和html没有像在一个简单的React应用程序中那样传递给DOM。blob文件被要求保存在某个地方,而不是像简单的React应用程序那样仅仅使用DOM。

我认为PDFViewer信息需要通过package.json/webpack传递到电子main.dev.ts文件中,以便正确地显示给DOM。

由于正在挂载和卸载PDFViewer,我还会发现内存泄漏:

警告:无法对卸载的组件执行响应状态更新。这是一个非操作,但它表示您的应用程序中存在内存泄漏。若要修复,请取消componentWillUnmount方法中的所有订阅和异步任务。在InternalBlobProvider中(由PDFViewer创建)在div (at tearDownSummery.tsx:8)中的PDFViewer (at tearDownSummery.tsx:9)中

这就是我必须将我的pdf组件称为我所设置的,它的工作原理是显示给DOM。下载链接工作,我得到了我的PDF结构通过。

代码语言:javascript
复制
import React from 'react';
import { PDFViewer, PDFDownloadLink } from '@react-pdf/renderer';
import ReactDOM from 'react-dom';
import TearDownPDF from './tearDowSummeryPDF';


export default function TearDownSummery() {
  return (
    <div>
      <PDFViewer>
        <TearDownPDF />
      </PDFViewer>
      <PDFDownloadLink document={<TearDownPDF />} fileName="IIR.pdf">
        {({ blob, url, loading, error }) =>
          loading ? <i> Loading document...</i> : <i> Download Pdf </i>}
      </PDFDownloadLink>
    </div>
  );
}

ReactDOM.render(<TearDownSummery />, document.getElementById('root'));

这是我的GitHub项目:https://github.com/staniszmatt/iir_Report.git --都是在pdfSetup分支上设置的。

EN

回答 1

Stack Overflow用户

发布于 2020-08-06 21:06:52

目前,电子没有能力使用@react的基础上,我发现这篇文章。

https://github.com/electron/electron/issues/13038

如果电子增加了这种能力,我将不得不再次回答。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63286153

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档