如何在React.js中上传和读取CSV文件？

Question

我希望用户上传一个.csv文件，然后让浏览器能够解析该文件中的数据。我正在使用ReactJS。这将如何运作？谢谢。

Answer 1

弄清楚了。的组合反应文件阅读器和HTML5的的FileReader（见本页）。

将react-file-reader位放在render内部：

<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]);
}