Cách tải lên và đọc tệp CSV trong React.js?

Question

Tôi muốn người dùng tải lên tệp .csv và sau đó để trình duyệt có thể phân tích cú pháp dữ liệu từ tệp đó. Tôi đang sử dụng ReactJS. Làm thế nào điều này sẽ làm việc? Cảm ơn.

Answer 1

Đã tìm ra. Kết hợp react-file-reader và Trình đọc tệp tin của HTML5 (xem trang this).

Đặt bit phản ứng-file-reader bên trong render:

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

Và rồi này ở trên.

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