web-dev-qa-db-ja.com

PDFエクスポート、Excelエクスポートおよび印刷用のReactJSコンポーネント

ReactJSのTableおよびReportコンポーネントは、基本的に<table>データ、一部のグラフィック(d3)およびテキストデータ。 3つのボタンを提供する必要があります。

  1. PDFにエクスポート
  2. Excelにエクスポート
  3. 印刷する

ReactJSを使用して上記のタスクに使用できる信頼できるパッケージはありますか?これらの要件を処理する方法は何ですか?

7
Mendes

次のJavaScriptライブラリの組み合わせを使用します。

React Csv は、csvを操作するための私のお気に入りのJavaScriptライブラリです。動的な生成に優れています。

PDF Make は、PDFを生成するための私のお気に入りのJavaScriptライブラリです。

注:ファイルをこの投稿に添付しますが、現在、StackOverflowにはこの機能はありません。

3
Alexander
  1. react-pdf(16日前に公開-未テスト)
  2. react-export-Excel(8か月前に公開-テストなし)
  3. 印刷するには、コードに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>
1
Abak

古い質問ですが、似たようなものを探していたので、最終的には

  1. jspdfreactjs の特定の問題を参照)
  2. react-Excel-workbook
  3. まだ何もない場合は、お気軽に回答を更新してください。
0
Damien