leer - mostrar json en html

¿Cómo recuperar datos del archivo JSON local en react native?

Question

¿Cómo puedo almacenar archivos locales como JSON y luego recuperar los datos del controlador?

Answer 1

Desde React Native 0.4.3 puede leer su archivo JSON local así:

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

y luego acceda a customData como un objeto JS normal.

Answer 2

Eche un vistazo a este problema de Github:

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

Están tratando de require archivos que no sean JSON, en particular JSON. No hay ningún método para hacerlo en este momento, por lo que debe usar AsyncStorage como se mencionó en @CocoOS, o puede escribir un pequeño módulo nativo para hacer lo que necesita hacer.

Answer 3

Para ES6 / ES2015 puede importar directamente como:

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

Si usa el mecanografiado, puede declarar el módulo json como:

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

Answer 4

Utilizar esta

import data from ''./customData.json'';

Answer 5

Versión ES6 / ES2015:

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

Answer 6

tal vez podría usar AsyncStorage setItem y getItem ... y almacenar los datos como una cadena, luego usar el analizador json para convertirlo nuevamente a json ...