loading json data from local file into React JS

Question

I have a React component and I want to load in my JSON data from a file. The console log currently doesn\'t work, even though I\'m creating the variable data

Answer 1

You could add your JSON file as an external using webpack config. Then you can load up that json in any of your react modules.

Take a look at this answer

Answer 2

1. install json-loader:

   npm i json-loader --save

2. create data folder in src:

   mkdir data

3. put your file(s) there

4. load your file

   var data = require('json!../data/yourfile.json');