Блог

Я начинаю изучать реакцию и пытаюсь извлечь данные из файла «.csv», но при попытке прочитать файл я получаю эту ошибку (ошибка типа: _fs.readFileSync не является функцией)

Я получаю ошибку из этой строки => var workbook = xlsx.readFile("./LabeledDataset.csv" , { type:'binary'});

мой код

 import React, { useState } from 'react';
import * as XLSX from 'xlsx';
import DataTable from 'react-data-table-component';

function App() {


  // handle reading the file
  const handleFileUpload = () => {
    var workbook = XLSX.readFile("./LabeledDataset.xlsx" , { type:'binary'});
    var wsname = workbook.SheetNames[0];
    const ws = workbook.Sheets[wsname];
    var data = XLSX.utils.sheet_to_csv(ws, { header: 1 });


    console.log(data);

     };
    
  }
  return (
    <div>
      <button
        type="file"
        accept=".csv,.xlsx,.xls"
        onClick={handleFileUpload}
      >click</button>
     
    </div>
  );
}

export default App;
 

Этот код не будет работать на стороне клиента из-за использования fs. Если вы хотите выполнять подобные задачи, вам нужно будет выполнять их на веб-сервере с узлом.