在React应用程序中使用papaparse通过Javascript解析CSV文件

dgenwo3n  于 2023-05-04  发布在  React
关注(0)|答案(1)|浏览(319)

我有一个CSV文件,与我的React应用程序在同一个目录下,我试图用Javascript读取它。我正在使用Papaparse解析CSV文件。
下面是我的代码:

Papa.parse("./headlines.csv", {
    download: true,
    complete: function(results, file) {
    console.log("Parsing complete:", results, file);
  }
})

我的问题是,当我试图解析文件时,返回的只是React应用程序中index.html文件的HTML代码。

yhxst69z

yhxst69z1#

根据PapaParser Docs,你需要传入一个js文件对象或CSV字符串。

// file is a File object obtained from the DOM.
// config is a config object which contains a callback.
// Doesn't return anything. Results are provided asynchronously to a callback function.

Papa.parse(file, config)

JS:使用Async/Await

const csv = await fetch('/headlines.csv').then( res => res.text() );

Papa.parse( csv, {
    download: true,
    complete: function(results, file) {
        console.log("Parsing complete:", results, file);
    }
});

JS:使用Promises

fetch('/headlines.csv')
    .then( res => res.text() )
    .then( csv => {
        Papa.parse( csv, {
            download: true,
            complete: function(results, file) {
                console.log("Parsing complete:", results, file);
            }
        });
    });

相关问题