如何存储本地文件(如JSON),然后从控制器中获取数据?
答案 0 :(得分:109)
从React Native 0.4.3开始,您可以像这样读取本地JSON文件:
const customData = require('./customData.json');
然后像普通的JS对象一样访问customData。
答案 1 :(得分:93)
ES6 / ES2015版本:
import customData from './customData.json';
答案 2 :(得分:11)
对于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;
}
答案 3 :(得分:7)
使用此
import data from './customData.json';

答案 4 :(得分:2)
以下获取本地JSON文件的方式-
ES6 版本:
import customData from './customData.json';
或import customData from './customData';
如果它位于 .js
文件而不是 .json
文件中,则以-
import { customData } from './customData';
更多说明/参考示例-Live working demo
答案 5 :(得分:1)
也许您可以使用AsyncStorage setItem 和 getItem ...并将数据存储为字符串,然后再使用the json parser进行转换到json ......
答案 6 :(得分:1)
看看这个Github问题:
https://github.com/facebook/react-native/issues/231
他们正在尝试require
非JSON文件,特别是JSON。现在没有办法做到这一点,所以你必须使用AsyncStorage作为@CocoOS提到,或者你可以编写一个小的本机模块来做你需要做的事情。