ReactjsでExcelファイルを読む

Question

ReactjsでExcelファイルを読み込もうとしていますが、私は既に頭を打っています。

私はそこに、Sheetjs、excel-parser、exceljsなど（8-9のような）ライブラリのような複数のライブラリを試しました。

すべてのライブラリで奇妙で異なるエラーが発生しています。

例えば私がexcel-parserを使用していますが、それはノードモジュールであり、ブラウザでは動作しませんので、あるエラー

Module not found: 'child_process' 

次取得。

誰でも知っていると便利なライブラリがありますreactjs in browser？

Answer 1

Sheetjsのnpmバージョンxlsxを使用してExcelファイルを正常に読み取ることができました。私はかなりうまく動作するようにXLSX見つける

import * as XLSX from 'xlsx'; 
//f = file 
var name = f.name; 
const reader = new FileReader(); 
reader.onload = (evt) => { \\evt = on_file_select event 
    /* Parse data */ 
    const bstr = evt.target.result; 
    const wb = XLSX.read(bstr, {type:'binary'}); 
    /* Get first worksheet */ 
    const wsname = wb.SheetNames[0]; 
    const ws = wb.Sheets[wsname]; 
    /* Convert array of arrays */ 
    const data = XLSX.utils.sheet_to_csv(ws, {header:1}); 
    /* Update state */ 
    console.log("Data>>>"+data); 
}; 
reader.readAsBinaryString(f); 

Answer 2

：ここ

はコードです。 xlsx Package