用于 PDF 导出、Excel 导出和打印的 ReactJS 组件答案

【问题标题】：ReactJS components for PDF export, Excel export and print用于 PDF 导出、Excel 导出和打印的 ReactJS 组件
【发布时间】：2017-12-08 12:04:11
【问题描述】：

我正在构建一些 ReactJS Table 和 Report 组件，它们基本上将包含 <table> 数据、一些图形 (d3) 和一些文本数据。我需要提供 3 个按钮：

导出为 PDF
导出到 Excel
打印

是否有任何可信赖的包可用于使用 ReactJS 完成上述任务？处理这些要求的方法是什么？

【问题讨论】：

标签： excel reactjs pdf printing

【解决方案1】：

我会使用以下 JavaScript 库的组合：

React Csv 是我最喜欢的用于处理 csv 的 JavaScript 库。它擅长动态生成。

PDF Make 是我最喜欢的用于生成 PDF 的 JavaScript 库。

注意：我会将文件附加到这篇文章中，但目前在 StackOverflow 中没有此功能。

【讨论】：

这些库是否也适用于服务器端数据？
不，这些库仅供前端使用。
很遗憾，React Csv 没有 excel 格式选项。

【解决方案2】：

react-pdf（16 天前发布 - 未测试）
react-export-excel（8 个月前发布 - 未测试）
要打印，请将 window.print() 放入您的代码中

示例：将其复制并粘贴为 .html（在 React 中，它将是 onClick={window.print()} ...如果我是正确的）

<!Doctype html>
<html>
  <body>
    <p>Use the button below to print</p>
    <button id="print" onclick="window.print()">Print</button>
  </body>
</html>

【讨论】：

【解决方案3】：

老问题，但由于我正在寻找类似的东西，我最终使用：

jspdf（请参阅reactjs 的具体问题）
react-excel-workbook
还没有，如果有，请随时更新答案。

【讨论】：