问题标签 [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 投票
1 回答
1018 浏览

reactjs - 如何在 react-pdf 中使用西里尔字母?

我曾尝试使用cmaps。但它仍然会产生不可读的字符。

0 投票
2 回答
4693 浏览

javascript - React pdf-renderer 不显示字符 č、ć 和 đ

我正在使用@react-pdf/renderer版本“1.6.8”。但是,我无法获得以下字符:čćđ。取而代之的是空白。

这些字符来自克罗地亚语,可以在其官方页面上进行测试。

https://react-pdf.org/repl?example=page-wrap

可能有人知道要设置什么或如何解决问题。在他们的官方文档上没有找到任何东西。

Github 问题:https ://github.com/diegomura/react-pdf/issues/780

0 投票
2 回答
4857 浏览

javascript - React JS 前端中的错误 Access-Control-Allow-Origin

我正在开发一个React JS项目。我有一个单独的本地 apache pdf 文件服务器。我正在从 url 访问任何 pdf 文件,例如:' http://local_server_IPaddress/dirname/sample.pdf '。我正在传递此 url 以在 react 组件中显示 pdf 文件,但出现以下错误。请告诉我如何解决这个问题。

参考https://www.npmjs.com/package/react-pdf 代码

浏览器控制台中的错误日志

CORS 策略阻止了从源“ http://localhost:3000 ”获取“ http://local_server_IPaddress/dirname/sample.pdf ”的访问权限:没有“Access-Control-Allow-Origin”标头出现在请求的资源。如果不透明的响应满足您的需求,请将请求的模式设置为“no-cors”以获取禁用 CORS 的资源。

0 投票
1 回答
318 浏览

reactjs - react中是否有任何高效的pdf库可以从API获取base64内容并以pdf的形式显示输出?

我在 React 中使用了一个名为react-pdf的库,它有一个组件Document. DocumentComponent 包含一个名为file的属性(其输入类型是字符串)。
如何将作为 base64 内容的响应(来自 redux 的道具)从 API 传递到Document的文件属性中?那么,是否有任何库可以从 API 接受我的 base64 内容并在 pdf 文档中显示输出?

这是示例代码:

如果我将 base64 传递给文件,那么它会将其视为字符串并输出为base64

是否有任何相关的解决方案可以有效地解决它?

0 投票
1 回答
4533 浏览

reactjs - 尝试呈现 pdf 时出现 React-pdf 错误

我对 ReactJs 完全陌生。

我正在尝试从 html 创建一个 pdf。我想在浏览器中显示文档,然后能够下载它。我正在使用 react-pdf https://react-pdf.org/

我有下面的代码,我在其中创建了我的 PDF 文档,然后我想用 PDFViewer 显示我的文档。此页面不是我的主要“应用程序”页面 - 它是我可以导航到的“客户详细信息”页面。

当我运行它时,我收到以下错误:

TypeError: Failed to constructor 'Text': Please use the 'new' operator, 此 DOM 对象构造函数不能作为函数调用。

错误在这里:renderWithHooks C:/Users/Marileen/Downloads/react-material-dashboard-master (1)/react-material-dashboard-master/node_modules/@react-pdf/renderer/node_modules/react-reconciler/cjs /react-reconciler.development.js:5671与线5671 var children = Component(props, refOrContext);

我尝试了不同的库,安装了 babel,但我不明白如何解决 Reactjs 中的问题。

请帮忙?

0 投票
1 回答
511 浏览

javascript - react-pdf - 错误:目标容器不是 DOM 元素

我正在将 React 与react-pdf一起使用,并尝试将 PDF 呈现到我的模式中。但是,我的模式会在单击按钮时加载,因此不会在应用程序加载时加载。但它试图在应用程序加载时调用 PDF 渲染调用,从而产生错误:“错误:目标容器不是 DOM 元素”。我不确定如何解决这个问题。

这是我的整个模态组件:

这是 PDFPlacard.js:

还有我的 index.js:

父母正在像这样加载 PlacardsModal:

0 投票
0 回答
28 浏览

reactjs - 我正在尝试导入 React-PDF,但是当我尝试渲染组件时,它 npm 停止并且从不渲染我的项目

当我在导入时保存组件时: import {Document, Page} from 'react-pdf'; 该项目只是停滞不前,npm 越来越多地占用我的 cpu 使我的计算机过热。可能是什么问题?

包-lock.json

0 投票
3 回答
8125 浏览

javascript - 在 PDF 文件上打印生成的二维码

我正在创建一个使用 QR 码的 ReactJS 应用程序,我希望能够一次打印带有一批代码的 PDF 文档。我目前正在使用react-qr-svg生成代码和@react-pdf/renderer来创建文档。问题是我无法在文档上显示这些二维码。

首先,我尝试使用来自 @react-pdf/renderer 的 Image 标签,如下所示:

Whick 当然没有用,之后我尝试将 SVG 转换为数据缓冲区并且没有结果。

有什么直接的解决方案吗?我应该为这个项目使用其他库吗?

0 投票
1 回答
2077 浏览

reactjs - React-pdf _ 转换为 svg 以供预览

React pdf PDFViewer 为文档的预览生成 iframe。但是,在 react-pdf.org 的原始站点上,他们以 svg 显示它,这非常好。任何想法,怎么做?

0 投票
1 回答
185 浏览

reactjs - react-pdf中如何调用数据?

有一个生成 PDF 的项目,但我需要传递参数并阅读它。我搜索了文档,但没有找到任何对我有帮助的文档。

X 标记我需要调用的数据。