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

Question

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

Answer 1

也许您可以使用 AsyncStorage setItem and getItem...and store the data as string, then use the json parser 将其再次转换为 json...

Answer 2

看看这个 Github 问题：

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

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

Answer 3

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

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

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

Answer 4

ES6/ES2015版本：

import customData from './customData.json';

Answer 5

使用这个

import data from './customData.json';

Answer 6

对于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;
}

Answer 7

以下方式获取本地JSON文件-

ES6版本：

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

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

一样导入

import { customData } from './customData';

更多clarification/understanding参考示例-Live working demo

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

How to fetch data from local JSON file on react native?

json

local-files

react-native