2015-04-05 40 views

risposta

67

Dal Reagire 0.4.3 nativo è possibile leggere il file JSON locale come questo:

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

e poi CustomData di accesso come un oggetto normale JS.

+0

è supportato ancora questa sintassi? perché non posso usare questa sintassi nel mio codice. –

+0

Sembra funzionare con React Native 0.26.2 per iOS. Potresti voler controllare con 'react-native -v' e provare a leggere' package.json'. – peter

+0

Funziona ancora con 'versione 0.36.0', grazie! –

-1

forse si potrebbe usare AsyncStoragesetItem e getItem ... e memorizzare i dati come stringa, quindi utilizzare the json parser per convertirlo nuovamente per JSON ...

0

Date un'occhiata a questo problema Github:

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

stanno cercando di require file non JSON, in particolare JSON. Non esiste un metodo per farlo in questo momento, quindi è necessario utilizzare AsyncStorage come menzionato da @CocoOS, oppure è possibile scrivere un piccolo modulo nativo per fare ciò che è necessario fare.

60

ES6 versione/ES2015:

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

potrebbe avere un nome qualsiasi o deve essere 'customData' – farmcommand2

+0

@ farmcommand2 Può essere un nome qualsiasi. 'importa myJsonFile da './foobar.json';' – PaulMest

3

Utilizzare questa

import data from './customData.json';

Problemi correlati