问题标签 [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.
reactjs - 如何在 Docker 上导入@react-pdf/renderer？
我收到以下错误。
未找到模块：无法解析“/app/src”中的“@react-pdf/renderer”
我可以使用“npm start”运行，但不能使用“docker-compose up”运行。我注意到我不能使用包含“@”的模型。你知道如何解决这个问题吗？
这是我的 Dockerfile。
javascript - react-pdf 从磁盘加载文件但不加载 url
我使用 create-react 应用程序构建了一个反应应用程序，该应用程序使用 react-pdf 显示 pdf。当我输入引用磁盘上文件的文件名但输入 url 时出现“加载 PDF 失败”错误时，这工作正常。我尝试了多个网址，但都失败了。在控制台中，我还收到以下警告，从一些谷歌搜索似乎是指 webpack 不兼容，尽管无论我试图显示的文件类型如何，我都会得到它：
./node_modules/pdfjs-dist/build/pdf.js 关键依赖：require函数的使用方式不能静态提取依赖
我正在使用以下版本：react-pdf (4.1.10)、reacts-scripts (3.0.1) webpack (4.29.6)、react (16.12.0)。
我还按照建议在我的代码顶部完成了以下导入等：
似乎其他人也遇到过这个问题，但很难找到解决方案。我要显示的文件示例是：file="https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf"
任何帮助表示赞赏！
javascript - 如何将 React 组件打印成 PDF？
我有一个使用 React 创建的数据输入应用程序，它带有一个由 SQL 数据库支持的节点快速服务器。在数据输入结束时，应用程序使用来自状态的值创建最终的表单（当前使用 HTML 和 CSS 编码为组件）。
在用户确认数据正确并点击提交的最终审核页面上，我想为用户提供将表单另存为 PDF 的选项（也可能将创建的 PDF 作为电子邮件的附件通过电子邮件发送）
评论页面上的代码如下所示
switch 语句中显示的组件的长度可能会有所不同，具体取决于用户的选择，有时长度可能会超过 2,3 页。
理想情况下，我想要一个save=e=>{}将组件打印成 PDF 的功能，这样我就可以将该文件用作电子邮件的附件。最好的编码方式是什么？
reactjs - 未处理的拒绝 (TypeError)：_nbind.externalList[num].dereference 不是函数
我想用 react-pdf 创建一个报告。使用 Image 时出现此错误。删除图像时没有错误。如何添加图像。谢谢您的帮助。
css - react-pdf 中的样式显示异常行为
我正在尝试在 react-pdf 中使用斜体样式。
在我使用font-style: italic;.
react-pdf 中是否有另一种将文本样式设置为斜体的方式？
它给了我错误：
未捕获（承诺）错误：无法解析未定义的字体，fontWeight 400
reactjs - 将生成的二维码插入到react-pdf/renderer中的pdf文档中
我目前同时使用 QRcode.react 来生成代码和@react-pdf/renderer创建 pdf 文档。
问题：二维码仅在 pdf 文档之外有效。我希望 QR 码可以显示在 pdf 文档上。
那么，有什么解决办法吗？
html - 将 HTML 渲染到 React-PDF
我正在使用 React-PDF 在我的反应应用程序中生成 PDF。需要将我的 Html 元素呈现为 pdf。
像这样的东西 -
我有5年的开花经验
我收到了这个错误
需要将其渲染成pdf，有什么方法可以实现吗？或任何其他图书馆
reactjs - @react-pdf/renderer 不会第二次渲染
我在我当前的项目中使用@react-pdf/renderer 并且我必须在我的发票页面上使用它。我已经使用此网站的帮助创建了带有示例数据的发票概览以创建 pdf 。我想要的是，当我单击按钮时，它将转到另一个页面并使用我提供的示例数据呈现 pdf，但问题是当我第一次单击时它会起作用，但是当第二次单击时，整个浏览器会卡住。
你可以看到我在说什么
下面是调用页面的代码段
下面是我的pdf显示的地方：
下面是我正在创建 pdf 示例数据：
下面是我正在使用的示例数据：
javascript - 无法在 React js 中加载 PDF 文件
我正在开发一个简单的 React Web 应用程序，它可以在 IPFS 中添加和检索文件。
将文件添加到 IPFS 时，页面上会出现添加文件的名称（即医疗文件）以及“查看文件”按钮。
单击按钮时，应使用 react-pdf 中的“文档”组件查看文件[ https://www.npmjs.com/package/react-pdf | （Document file="..." 。文件可以是 URL、base64 内容、Uint8Array等。）
从 IPFS 添加和检索文件成功。从 IPFS 中检索到的Uint8Array形式的文件被传递给 Main.js 组件内的 Document 组件以查看 pdf 文件。但是，该页面未能加载 PDF 文件。另外，我得到一个错误：
请注意，我在 Main.js 中有以下内容：
应用程序.js
主要.js
地址栏.js
javascript - @react-pdf/renderer 无法在其中使用任何反应组件
在 reactJS 中，我的要求是保存一些图像、内容、图表等的 PDF 文件。为此，当我使用以下编程进行测试时，我无法使用任何 reactJS 组件，并且只能{Page, Text, View, Document, StyleSheet, Image} 在@react-pdf/renderer. 但我要求使用所有组件。请让我知道<Text>,<p>在 PdfDocument 中运行其他组件的任何可能方法。
电影列表.jsx
Umovie.jsx
在上面，Umovie.jsx如果我删除<p>Hi Hello How areyou</p>它，那么它工作正常，但如果我添加它，它就不能工作......