How can I parse my JSON file into an Object I can manipulate in React js

Question

I have a local JSON file , I want to parse it into an Object to get manipulated in React for a website of reviews.

I have tried to use two approach, the first one I copy the file into a .js file and declare the data in the JSON file as array and try to use code to parse it into object. My other attempts was to read the files and use parse directly both of them did not work. Is anyone who can advice me on the best way to tackle this?

const  fs = require('fs');
var fileString = fs.readFileSync('./restaurant.json').toString();
var fileObj = JSON.parse(fileString);
var restaurants = fileObj.restaurant;
let restaurants = data.map((item) => {
    let res = (item.isArray())?  map((input)=>JSON.parse(input)): 
    JSON.parse(item)
    return res;
});

export default restaurants;

should generate object of details on restaurants and comments made.

Jake Luby · Accepted Answer · 2019-10-11 16:48:44Z

4

If it's a local file in your code you can just import it directly. The JSON will get converted to an object for you.

import {restaurants} from './restaurant.json'

or for ES5

var restaurants = require('./restaurant.json')

edited Oct 11, 2019 at 16:48

answered Oct 11, 2019 at 16:43

Jake Luby

1,7687 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ryan Walker Over a year ago

I think you mean var, ES5 doesn't have let right?

Interface · Accepted Answer · 2019-10-11 16:44:45Z

2

You have a few errors in you function calling. I dont know your data structure. May that will help

       const fs = require('fs');
        var fileString = fs.readFileSync('./restaurant.json').toString();
        var fileObj = JSON.parse(fileString);

        var data = fileObj.restaurant;
        let restaurants= data.map((item)=>{
            return (item.isArray())?item.map((input)=>JSON.parse(input)):JSON.parse(item)
        });

answered Oct 11, 2019 at 16:44

Interface

3523 silver badges16 bronze badges

Collectives™ on Stack Overflow

How can I parse my JSON file into an Object I can manipulate in React js

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related