在 React 中使用自定义组件创建 PDF答案

【问题标题】：Creating PDF out of custom components in React在 React 中使用自定义组件创建 PDF
【发布时间】：2020-07-24 15:45:54
【问题描述】：

要求：

我必须将仪表板导出为 PDF，此仪表板包含多个选项卡。每个选项卡都具有仅在单击选项卡后才动态获取的数据。要求是所有选项卡数据都应导出为具有多页的 pdf。

尝试的方法

尝试了 html2canvas，然后将其保存到 jsPDF。卡住了，因为我需要将多个 div 导出并保存到多个页面中。 [如果可以解决这个问题，那就太好了]

试过 React-Pdf，显然我无法在其中使用我的动态表/报告。所以又是一条死胡同。

只需要一个包含多个选项卡的仪表板即可导出为 pdf。

【问题讨论】：

【解决方案1】：

主要问题是在打开特定选项卡时加载数据。是否可以创建另一个页面，在其中添加多个仪表板，每个仪表板都打开一个单独的选项卡，然后创建 pdf？

【讨论】：