Reactjs 如何在react中使用文件路径读取文件内容?

Reactjs 如何在react中使用文件路径读取文件内容?,reactjs,csv,file,Reactjs,Csv,File,我有一个文件,train_labels.csv,我想把它作为字符串读入,然后传递给csv阅读器 我试过做: const csv = new File("../data/train_labels.csv"); 但它需要两个参数,第一个参数是我不确定它指的是什么 我还尝试过使用fetch: useEffect(() => { fetch("../data/train_labels.csv") .then((res) =>

我有一个文件,
train_labels.csv
,我想把它作为字符串读入,然后传递给csv阅读器

我试过做:

const csv = new File("../data/train_labels.csv");
但它需要两个参数,第一个参数是我不确定它指的是什么

我还尝试过使用fetch:

  useEffect(() => {
    fetch("../data/train_labels.csv")
      .then((res) => {
        return res.text();
      })
      .then((data) => {
        console.log(data);
      });
  });
但是控制台会记录一个html文件


在这里,我对一些简单的东西感到非常困惑。

您可以使用react file reader软件包。医生访问

例如,您可以参考:

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

您可以使用react文件读取器软件包。医生访问

例如,您可以参考:

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

您可以使用任何文本软件包,有关更多文档,请访问


您可以使用任何文本软件包,有关更多文档,请访问


我想用一个文件路径读入一个文件的内容,尽管我刚刚回答了另一个问题。我想用一个文件路径读入一个文件的内容,尽管我刚刚回答了另一个问题。
var reader = require('any-text');
    
reader.getText(`path-to-file`)
.then(function (data) {
    console.log(data);
});