解析 CSV 文件时出错：[TypeError: 网络请求失败]

Question

我正在使用 papaparse 在我的 React Native 应用程序中实现 csv 文件。我不明白为什么我不断收到此错误，指出 解析 CSV 文件时出错：[TypeError: 网络请求失败]。

import React, { Component } from 'react';
import { Text, StyleSheet, TouchableOpacity, ScrollView, Alert } from 'react-native';
import Papa from 'papaparse';

class App extends Component {
  constructor(props) {
    super(props);

    this.state = {
      answers: {},
      csvData: []
    };

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

  componentDidMount() {
    this.parseCSV();
  }

  async parseCSV() {
    try {
      const response = await fetch('./assets/data.csv');
      const reader = response.body.getReader();
      const decoder = new TextDecoder('utf-8');
      const result = await reader.read();
      const csvData = decoder.decode(result.value);

      Papa.parse(csvData, {
        header: true,
        complete: this.getData
      });
    } catch (error) {
      console.error('Error parsing CSV file:', error);
    }
  }

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

Answer 1

您真的需要它是 CSV 吗？

如果没有，您可以使用类似 https://csvjson.com/csv2json

将其转换为 json

并将其用作json文件

如果你特别想要 CSV 文件使用像 React-Native-fs 包这样的东西，它可以处理 React Native 中的本地文件工作