如何在React Native上从本地JSON文件获取数据？

如何存储本地文件（如JSON），然后从控制器中获取数据？

从React Native 0.4.3开始，您可以像这样读取本地JSON文件：

const customData = require('./customData.json');

然后像普通的JS对象一样访问customData。

ES6 / ES2015版本：

import customData from './customData.json';

对于ES6 / ES2015，您可以像这样直接导入：

// example.json
{
    "name": "testing"
}


// ES6/ES2015
// app.js
import * as data from './example.json';
const word = data.name;
console.log(word); // output 'testing'

如果使用打字稿，则可以声明json模块，例如：

// tying.d.ts
declare module "*.json" {
    const value: any;
    export default value;
}

用这个

import data from './customData.json';

也许您可以使用AsyncStorage setItem和getItem ...并将数据存储为字符串，然后使用json解析器 将其再次转换为json ...

看看这个Github问题：

https://github.com/facebook/react-native/issues/231

他们正在尝试使用require非JSON文件，尤其是JSON。目前尚无执行此操作的方法，因此您必须使用AsyncStorage（如@CocoOS所述），或者可以编写一个小型本机模块来执行所需的操作。