问题标签 [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 - 如何在 react-pdf 中使用西里尔字母?
我曾尝试使用cmaps。但它仍然会产生不可读的字符。
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
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 的资源。
reactjs - react中是否有任何高效的pdf库可以从API获取base64内容并以pdf的形式显示输出?
我在 React 中使用了一个名为react-pdf的库,它有一个组件Document. Document
Component 包含一个名为file的属性(其输入类型是字符串)。
如何将作为 base64 内容的响应(来自 redux 的道具)从 API 传递到Document的文件属性中?那么,是否有任何库可以从 API 接受我的 base64 内容并在 pdf 文档中显示输出?
这是示例代码:
如果我将 base64 传递给文件,那么它会将其视为字符串并输出为base64。
是否有任何相关的解决方案可以有效地解决它?
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 中的问题。
请帮忙?
javascript - react-pdf - 错误:目标容器不是 DOM 元素
我正在将 React 与react-pdf一起使用,并尝试将 PDF 呈现到我的模式中。但是,我的模式会在单击按钮时加载,因此不会在应用程序加载时加载。但它试图在应用程序加载时调用 PDF 渲染调用,从而产生错误:“错误:目标容器不是 DOM 元素”。我不确定如何解决这个问题。
这是我的整个模态组件:
这是 PDFPlacard.js:
还有我的 index.js:
父母正在像这样加载 PlacardsModal:
reactjs - 我正在尝试导入 React-PDF,但是当我尝试渲染组件时,它 npm 停止并且从不渲染我的项目
当我在导入时保存组件时: import {Document, Page} from 'react-pdf'; 该项目只是停滞不前,npm 越来越多地占用我的 cpu 使我的计算机过热。可能是什么问题?
javascript - 在 PDF 文件上打印生成的二维码
我正在创建一个使用 QR 码的 ReactJS 应用程序,我希望能够一次打印带有一批代码的 PDF 文档。我目前正在使用react-qr-svg生成代码和@react-pdf/renderer来创建文档。问题是我无法在文档上显示这些二维码。
首先,我尝试使用来自 @react-pdf/renderer 的 Image 标签,如下所示:
Whick 当然没有用,之后我尝试将 SVG 转换为数据缓冲区并且没有结果。
有什么直接的解决方案吗?我应该为这个项目使用其他库吗?
reactjs - React-pdf _ 转换为 svg 以供预览
React pdf PDFViewer 为文档的预览生成 iframe。但是,在 react-pdf.org 的原始站点上,他们以 svg 显示它,这非常好。任何想法,怎么做?
reactjs - react-pdf中如何调用数据?
有一个生成 PDF 的项目,但我需要传递参数并阅读它。我搜索了文档,但没有找到任何对我有帮助的文档。
X 标记我需要调用的数据。