问题标签 [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 查看器组件不断重新渲染
我在我的项目中使用React PDF 查看器。我有一个react mui 对话框组件，我使用 react draggable 来拖动它。
这是 PDFViewer 组件：
我可以在控制台中看到 PDFViewer 不断被调用。我不确定是什么原因导致整个时间重新渲染？
reactjs - react-pdf onItemClick 不起作用
我正在使用 react-pdf 来显示 pdf 文档。当我们单击页面时，我正在显示页面预览，我在单独的部分中显示页面内容。为此，我正在使用 onItemClick 事件。但这并没有被触发。
下面是代码示例
javascript - 如何在 react-pdf 组件的文件中显示 html？
React-pdf 组件。
我在文档组件中使用手动 PDF。所以它工作正常有没有办法在文件键中显示 Html 文件。示例：我有一个这样的 html
sample1=Html 代码等...
这个我试过了，谁能指导一下如何使用这个。
javascript - react-pdf安装时出现webpack插件错误
我刚刚在一个项目上安装了 react-pdf，但应用程序崩溃并出现以下错误。我在这里错过了什么吗？还是我需要对 webpack 进行任何配置更改？谢谢
javascript - 通过在 react-pdf 中使用 service-worker 的优化机会
我正在使用非常棒的 react-pdf 和 webpack。服务人员运行，一切正常。但是，当我运行 Lighthouse 工具时，它建议我如果使用<link rel=preload>pdf-js 服务工作者，最多可以节省 8.45 秒。
我添加了<link rel=preload>，但现在我想document在需要时将其添加到 。否则无论如何它都会被再次获取。我不知道最好的地方是什么。非常感谢任何帮助。
reactjs - react-pdf 在我的应用程序上不起作用，不显示我的 pdf
我不确定自己做错了什么，因为我一直遵循 react-pdf 指南。我相信我没有以正确的方式导入 pdf，因为我在我的应用程序中看不到任何内容。这是代码
reactjs - 为 React-PDF 提供正确的路径
我正在尝试使用 React-PDF 在我的组件中显示一个 pdf，但无法弄清楚如何为它提供我的 pdf 的正确路径。我的文件位于 ReactApp/public/pdf/myPdf.pdf
这就是我要走的路：
到目前为止，我尝试了以下没有运气：
pdf/GenericCustomerConsentAgreement.pdf
/pdf/GenericCustomerConsentAgreement.pdf
./pdf/GenericCustomerConsentAgreement.pdf
../pdf/GenericCustomerConsentAgreement.pdf
%PUBLIC_URL%/pdf/GenericCustomerConsentAgreement.pdf
但是，我可以使用以下方法加载文件：
本地主机：61631/pdf/GenericCustomerConsentAgreement.pdf
reactjs - 使用“react-pdf”时反应应用程序抛出错误
我一直无法让 react-pdf 在我使用“create-react-app”创建的 react 应用程序中正常工作。从 react-pdf 页面上的各种 github 评论来看，似乎在使用“create-react-app”创建的 React 应用程序中设置 workerSrc 存在问题。
一种似乎可以解决问题的解决方法（暂时）是从node-modules/build/pdfjs-dist/build文件夹中复制pdf.worker.js文件并将其放在我的 react 应用程序的公共文件夹中。然后在我的 index.js 文件中放入以下代码：
这工作了一周，直到我使用 npm 在我的应用程序中安装了一个新模块。现在，我遇到了与开始时相同的错误，但没有任何改变：
这些是帮助我缩小错误范围的最初评论： https ://github.com/facebook/create-react-app/issues/1574#issuecomment-280436498
https://github.com/wojtekmaj/react-pdf/issues/291
但现在它回来了，我有点不知所措。有没有其他人经历过这个并能够解决它？任何帮助将不胜感激！
reactjs - 如何实现带有打印功能的react-pdf
我想使用 react-pdf 来显示 PDF 并开发用于直接打印的打印功能（例如使用 window.print()）；
REST 服务器是使用 Jersey 开发的。
PDF 将从服务器生成并使用 Jersey 返回到 React 客户端，返回类型为 application/pdf。React 客户端将使用 react-pdf 显示 PDF。
我不想在“文件”中声明 URL 路径，因为如果 React 状态发生更改并触发重新渲染，这将再次从服务器检索 PDF。另外，我需要开发一个打印功能来打印显示的PDF（因为如果再次从服务器检索PDF，PDF内容可能会改变）
下面显示我的代码：
服务器：
客户
我只想获取一次 PDF 并使用 react-pdf 显示 PDF。另外，我想打印显示的 PDF。
我尝试将 response.data 转换为 base64，因为没有成功：（这将丢失 pdf 内容） 在 ReactJS 中将 PDF 编码为 base64
代码如：
任何人都可以给我一些建议吗？或者有什么更好的方法来达到我的目标？
谢谢