将带有样式的 React 自定义组件转换为 PDF 并下载文件

如何解决将带有样式的 React 自定义组件转换为 PDF 并下载文件

正如标题所说，我必须将 React 组件转换为 PDF 文档，然后才能下载它。最终的 PDF 文档应该由 4 页组成，其中每一页都是一个 React 组件。这些 React 组件非常定制化（包括二维码等）。我试过 react-pdf/rendered 但问题是他们的 Document 组件只接受来自他们的库 (Page,Document,View,etc.) 的预定义组件，我无法用它们创建所需的组件。另外，请考虑到我使用的是 Typescript，因此无法使用 NPM 中的所有可用库，因为并非所有库都支持 TS。有什么帮助吗？

解决方法

如果我理解得很好，您需要将 UI 的一部分或组件导出为 PDF，如果这是您的目标，您可以尝试html2canvas：https://html2canvas.hertzen.com/

如果这不是你想要的，请澄清。