React.jsでCSVファイルをアップロードして読み込む方法は？

Question

私は、ユーザーに.csvファイルをアップロードし、ブラウザがそのファイルからデータを解析できるようにしたいと思います。私はReactJSを使用しています。これはどのように機能しますか？ありがとう。

Answer 1

react-file-readerとHTML5のFileReaderの組み合わせ（thisページを参照）。

レンダリングの内部反応ファイル・リーダー・ビットを置いた：

<ReactFileReader handleFiles={this.handleFiles} fileTypes={'.csv'}> 
    <button className='btn'>Upload</button> 
</ReactFileReader> 

し、この上に。

handleFiles = files => { 
    var reader = new FileReader(); 
    reader.onload = function(e) { 
    // Use reader.result 
    alert(reader.result) 
    } 
    reader.readAsText(files[0]); 
}