Comment récupérer des données à partir d'un fichier JSON local sur react native?
Comment puis-je stocker des fichiers locaux tels que JSON, puis récupérer les données du contrôleur?
6 réponses
Depuis React Native 0.4.3, vous pouvez lire votre fichier JSON local comme ceci:
var customData = require('./customData.json');
Puis accédez à customData comme un objet JS normal.
ES6/ES2015 version:
import customData from './customData.json';
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:
// tying.d.ts
declare module "*.json" {
const value: any;
export default value;
}
Peut-être que vous pourriez 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...
Jetez un oeil à ce problème 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 en ce moment, donc vous devez soit utiliser AsyncStorage comme @CocoOS mentionné, soit écrire un petit module natif pour faire ce que vous devez faire.