Question

我正在尝试将本地csv文件读取到jsx中的const数组。这是我的jsx文件：

const thArray = ["ID", "Name", "Salary", "Country", "City"];
const tdArray = [
];


module.exports = {
    thArray,
    tdArray
  };

我的本地csv文件（Roster.csv）具有以下数据：

ID, Name, Salary, Country, City
1, Dakota Rice, $36,738, Niger, Oud-Turnhout
2, Minerva Hooper, $23,789, Curaçao, Sinaai-Waas

有没有一个库可以让我像这样从csv中填充数据到tdArray：

const tdArray = [
  ["1", "Dakota Rice", "$36,738", "Niger", "Oud-Turnhout"],
  ["2", "Minerva Hooper", "$23,789", "Curaçao", "Sinaai-Waas"]
];

Answer 1

您可以为此目的使用库 papaparse https://www.papaparse.com

看这个例子对你可能是有希望的：

 constructor(props) {
        super(props);

        this.state = {
            data: []
        };

        this.getData = this.getData.bind(this);
    }

    componentWillMount() {
        this.getCsvData();
    }

    fetchCsv() {
        return fetch('/data/data.csv').then(function (response) {
            let reader = response.body.getReader();
            let decoder = new TextDecoder('utf-8');

            return reader.read().then(function (result) {
                return decoder.decode(result.value);
            });
        });
    }

    getData(result) {
        this.setState({data: result.data});
    }

    async getCsvData() {
        let csvData = await this.fetchCsv();

        Papa.parse(csvData, {
            complete: this.getData
        });
    }

将jsx中的csv文件读取到const数组

1 个答案: