如何从本地 JSON 文件中获取数据？

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

185710 次浏览
小开

也许您可以使用 异步存储 SetItem和 GetItem... 并存储数据为字符串，然后使用 Json 解析器再次转换为 json..。

小开

看看这个 Github 问题:

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

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

小开
最佳答案

自从 React Native0.4.3以来，您可以像下面这样读取本地 JSON 文件:

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

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

小开

ES6/ES2015版本:

import customData from './customData.json';
小开

用这个

import data 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;
}
小开

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

ES6 版本:

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

如果它在 .js文件而不是 .json文件中，那么导入-

import { customData } from './customData';

为了更多的澄清/理解参考例子 -现场演示


提交答案