Как извлечь данные из локального файла JSON на react native?

Question

Как извлечь данные из локального файла JSON на react native?

Как я могу хранить локальные файлы, такие как JSON, а затем извлекать данные из контроллера?

1097 6

json react-native local-files

6 ответов:

Comments

Ничего не найдено.

peter · Accepted Answer · 2015-05-22 15:26:37

Так как React Native 0.4.3 вы можете прочитать свой локальный файл JSON следующим образом:
var customData = require('./customData.json');
а затем получить доступ к customData, как обычный объект JS.

PaulMest · Accepted Answer · 2016-06-13 07:35:58

ES6/ES2015 версия:
import customData from './customData.json';

Mudassir Zakaria · Accepted Answer · 2018-01-17 08:58:57

использовать
import data from './customData.json';

Little Roys · Accepted Answer · 2018-05-26 10:00:10

для 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;
}

CocoOS · Accepted Answer · 2015-04-05 03:26:17

может быть, вы могли бы использовать AsyncStorage setItem и getItem...и хранить данные в виде строки, а затем использовать парсер json для преобразования его снова в json...

Colin Ramsay · Accepted Answer · 2015-04-05 13:06:33

взгляните на эту проблему Github:

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

они пытаются require не-JSON файлы, в частности JSON. Сейчас нет способа сделать это, поэтому вам либо нужно использовать AsyncStorage, как упоминалось в @CocoOS, либо вы можете написать небольшой собственный модуль, чтобы сделать то, что вам нужно сделать.