如何在react native上从本地JSON文件中获取数据

Question

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

Answer 1

由于React Native 0.4.3，您可以读取本地JSON文件，如下所示：

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

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

Answer 2

ES6/ES2015版本：

import customData from './customData.json';

Answer 3

对于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'

如果您使用typescript，您可以声明json模块，如：

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

Answer 4

使用此

import data from './customData.json';

Answer 5

以下获取本地JSON文件的方法-

ES6版本：

import customData from './customData.json';或import customData from './customData';

如果它在.js文件中，而不是.json，则像-一样导入

import { customData } from './customData';

有关更多澄清/理解，请参阅示例-实时工作演示

Answer 6

也许您可以使用AsyncStoragesetItem和getItem

Answer 7

看看这个Github问题：

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

他们正在尝试require非JSON文件，特别是JSON。现在还没有这样做的方法，所以你要么像@CocoOS提到的那样使用AsyncStorage，要么你可以写一个小的本地模块来做你需要做的事情。