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

用于PDF导出、Excel导出和打印的ReactJS组件,excel,reactjs,pdf,printing,Excel,Reactjs,Pdf,Printing,我正在构建一些ReactJS表和报表组件,它们基本上包含数据、一些图形(d3)和一些文本数据。我需要提供3个按钮: 导出为PDF 导出到Excel 印刷品 使用ReactJS是否有任何可信任的包可用于上述任务?处理这些需求的方法是什么?老问题,但由于我在寻找类似的方法,我最终使用了: (有关详细信息,请参见具体问题) 还没有,如果有,请随时更新答案 我将使用以下JavaScript库的组合: 是我最喜欢的使用csv的JavaScript库。它擅长动态生成 是我最喜欢的用于生成PDF的JavaS

我正在构建一些ReactJS
报表
组件,它们基本上包含
数据、一些图形(
d3
)和一些文本数据。我需要提供3个按钮:

  • 导出为PDF
  • 导出到Excel
  • 印刷品

  • 使用ReactJS是否有任何可信任的包可用于上述任务?处理这些需求的方法是什么?

    老问题,但由于我在寻找类似的方法,我最终使用了:

  • (有关详细信息,请参见具体问题)
  • 还没有,如果有,请随时更新答案

  • 我将使用以下JavaScript库的组合:

    是我最喜欢的使用csv的JavaScript库。它擅长动态生成

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

    注意:我会将这些文件附加到这篇文章中,但目前StackOverflow中没有这方面的工具

  • react pdf(16天前发布-未测试)
  • react导出excel(8个月前发布-未测试)
  • 要进行打印,请将window.print()放入代码中
  • 例如: 将其复制并粘贴为.html(在React中,如果我正确的话,它将是onClick={window.print()}…)

    
    使用下面的按钮打印

    印刷品
    这些库是否也可用于服务器端数据?否,这些库仅用于前端使用。遗憾的是,
    React Csv
    没有excel格式选项。
    <!Doctype html>
    <html>
      <body>
        <p>Use the button below to print</p>
        <button id="print" onclick="window.print()">Print</button>
      </body>
    </html>