web-dev-qa-db-fra.com

Comment récupérer les données d'un fichier JSON local sur réagit-il en natif?

Comment puis-je stocker des fichiers locaux tels que JSON, puis récupérer les données du contrôleur?

jsonreact-nativelocal-files
85
mrded

Depuis React Native 0.4.3, vous pouvez lire votre fichier JSON local comme ceci:

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

puis accédez à customData comme un objet JS normal.

118
peter

Version ES6/ES2015:

import customData from './customData.json';
97
PaulMest

Pour ES6/ES2015, vous pouvez importer directement comme:

// example.json
{
    "name": "testing"
}


// ES6/ES2015
// app.js
import * as data from './example.json';
const Word = data.name;
console.log(Word); // output 'testing'

Si vous utilisez TypeScript, vous pouvez déclarer le module json comme suit:

// tying.d.ts
declare module "*.json" {
    const value: any;
    export default value;
}
12
Little Roys

Utilisez ceci

import data from './customData.json';
8
Mudassir Zakaria

vous pourriez peut-être utiliser AsyncStorage setItem et getItem ... et stockez les données sous forme de chaîne, puis utilisez l'analyseur JSON pour le convertir à nouveau en json ...

1
clagccs

Jetez un oeil à ce problème de Github:

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

Ils essaient de require fichiers non JSON, en particulier JSON. Il n'y a pas de méthode pour le faire pour le moment, vous devez donc utiliser AsyncStorage comme indiqué par @CocoOS ou vous pouvez écrire un petit module natif pour faire ce que vous devez faire.

1
Colin Ramsay