如何从本地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

获取本地 JSON 文件的方法如下：

ES6版本：

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

如果它在.js文件内部而不是像.json这样导入 -

import { customData } from './customData';

如需更多说明/理解，请参阅示例 -现场工作演示

Answer 5

用这个

import data from './customData.json';