问题标签 [react-pdf]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
335 浏览

javascript - 加载 PDF 文件失败

**在这里,在上面的代码中,我尝试使用 react-pdf 和 react-firebase-file-uploader 库上传和查看 PDF 文件。但是,PDF 文件正在正确上传,但是在网页中将上传的 pdf 显示为“UnknownErrorException 详细信息:“UnknownErrorException:无法获取”消息时出现错误:“无法获取”名称:“UnknownErrorException””**

0 投票
0 回答
1489 浏览

reactjs - 以 pdf 格式下载一个反应组件

Reactjs 中需要的解决方案我想将任何组件内容下载为具有所有 css 效果的 pdf。需要帮助来完成downloadAsPdf功能

0 投票
1 回答
363 浏览

java - 单击链接创建并打开pdf并使用react-pdf显示打印按钮

在我的项目中,我需要使用数据创建 pdf,我从 Java 后端 API 获取。

是否可以通过单击带有 react-pdf 的按钮来创建和打开 pdf 并在 pdf 上显示打印按钮?

我是 UI 开发的新手,所以如果可能的话,请让我知道任何参考资料。

谢谢

0 投票
1 回答
482 浏览

reactjs - 无法使用 react-pdf 和 react-js 下载 PDF

在过去的几个小时里,我一直在努力解决与 react-pdf 包相关的问题。我尝试了各种在线可用的示例。但我面临同样的错误信息。

PDF 容器文件

导出PDF页面功能

在尝试填充任何数据之前,我想我会测试仅下载 PDF 并稍后使用状态值填充数据的基本实现。任何帮助将不胜感激。

0 投票
1 回答
167 浏览

reactjs - 在 React 中使用自定义组件创建 PDF

要求:

我必须将仪表板导出为 PDF,此仪表板包含多个选项卡。每个选项卡都具有仅在单击选项卡后才动态获取的数据。要求是所有选项卡数据都应导出到具有多页的 pdf 中。

尝试的方法

  1. 尝试了html2canvas,然后将其保存到jsPDF中。卡住了,因为我需要将多个 div 导出并保存到多个页面中。[如果这可以解决,很好]
  1. 尝试过React-Pdf,显然我无法在其中使用我的动态表/报告。所以又是一个死胡同。

只需要一个包含多个选项卡的仪表板即可导出为 pdf。

0 投票
0 回答
46 浏览

reactjs - 下载 pdf 未从 ios13 加载到新窗口

我正在使用 web 应用程序的 react pdf 插件来处理 pdf。但是,在 iOS 13 中,用户点击下载成功将 pdf 下载到手机,但它并没有像通常下载完成后自动打开 pdf 的情况那样在新窗口中打开。此外,用户无法返回或在多窗口上打开以关闭。

请注意,这只发生在上面的 iOS 13 中,而不是在 android、Windows 或 iOS 12 和下面

任何建议或任何要修复的建议。

0 投票
1 回答
526 浏览

pdf - 如何将 React-pdf 的 Uint8array 转换为在 React 中显示为 PDF

我目前有一个 PDF 文件,我从 Amazon s3 存储桶中获取,在控制台中注销如下数据。

我正在尝试使用 react-pdf 显示带有此 Uint8Array 数据的 PDF 文件,但 react-pdf 显示“无 PDF 文件”错误。

我需要做什么才能让它在 react-pdf 中工作?

0 投票
1 回答
191 浏览

reactjs - React-pdf 框架比例

我想使用 react-pdf 来生成 PDF,并遵循其官方文档提供的完全相同的步骤。但是,当 pdf 呈现时,它不会占据整个屏幕,我不知道我是否做错了什么,或者有一些属性可以定义它。这是它的样子:

在此处输入图像描述

代码:

应用程序.js

0 投票
1 回答
38 浏览

reactjs - 如何动态创建对象

我正在使用一个库在 react-pdf 中创建表。我想用api数据填充它。有没有办法在数据内部进行迭代{}并使用来自 api.xml 的数据创建各种对象。而不是 sth like

代码

0 投票
1 回答
383 浏览

react-pdf - 尝试 Electron-React Boiler Plate 使用 @react-pdf/renderer 通过 PDFViewer 设置显示 PDF 组件

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

我认为 PDFViewer 信息需要以某种方式通过 package.json/webpack 传递到电子 main.dev.ts 文件才能正确显示到 DOM。

由于 PDFViewer 被安装和卸载,我也遇到了内存泄漏:

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

这就是我必须调用的我设置的 pdf 组件,它可以一直工作到显示到 DOM。下载链接有效,我通过 .

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