如何在 React Native/Expo 中存储/读取静态内容数据答案

【问题标题】：How to store/read static content data in React Native/Expo如何在 React Native/Expo 中存储/读取静态内容数据
【发布时间】：2021-03-20 05:54:39
【问题描述】：

我是 React Native 的新手，我正在创建一个面向内容的应用程序。我正在尝试做一些非常简单的事情，那就是：在我的应用程序中包含一些静态数据/资源，我可以在我的应用程序中读取/加载它们。在桌面应用程序中，它就像安装一些本地 *.csv 文件，在应用程序中打开和读取它们一样简单，但我在 React Native 环境中找不到这样做的方法。

根据我的研究，似乎人们通常使用 json 格式的数据创建源 (.js) 文件，但这会很尴尬，因为例如我的应用程序使用了很多表，而 .csv 表示会更好。

有没有办法存储读取的不是 json 或 .js 源文件的静态资产/数据？

【问题讨论】：

是的，在 React Native 中，我们通常使用 json 文件来处理静态数据。您可以尝试将 csv 转换为 json。有一些很好的工具。

标签： react-native expo storage

【解决方案1】：

使用获取文件路径 react-native-fs获取文件路径。

使用yarn add papaparse安装包papaparse

 import Papa from "papaparse";

 Papa.parse(file-path, {
  complete: function(results) {
   console.log(results);
  }
});

如果 CSV 有标题

    Papa.parse(file-path, {
     header: true
     complete: function(results) {
      console.log(results);
     }
   });

因此它会将每个项目呈现为数组形式的对象

【讨论】：