How to fetch data from local JSON file on react native

Question

How can I store local files such as JSON and then fetch the data from controller

User · Answer

The following ways to fetch local JSON file-

ES6 version:

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

If it's inside .js file instead of .json then import like -

import { customData } from './customData';

for more clarification/understanding refer example - Live working demo

User · Answer

For ES6 ES2015 you can import directly like      example json        name    testing         ES6 ES2015    app js import   as data from    example json   const word   data name  console log word      output  testing    If you use typescript  you may declare json module like      tying d ts declare module    json        const value  any      export default value

User · Answer

Use this  import data from    customData json

User · Answer

Take a look at this Github issue   https   github com facebook react-native issues 231  They are trying to require non-JSON files  in particular JSON  There is no method of doing this right now  so you either have to use AsyncStorage as  CocoOS mentioned  or you could write a small native module to do what you need to do

User · Answer

Since React Native 0 4 3 you can read your local JSON file like this   const customData   require    customData json      and then access customData like a normal JS object

User · Answer

maybe you could use AsyncStorage setItem and getItem   and store the data as string  then use the json parser   for convert it again to json

User · Answer

ES6 ES2015 version   import customData from    customData json

[json] How to fetch data from local JSON file on react native?

Examples related to json

Examples related to react-native

Examples related to local-files