如何将JSON文件解析为可在React js中操作的对象

时间:2019-10-11 16:37:27

标签: javascript html json reactjs

我有一个本地JSON文件,我想将其解析为一个对象,以便在React中进行操作以获取评论网站。

我尝试使用两种方法,第一种方法是将文件复制到.js文件,并将JSON文件中的数据声明为数组,并尝试使用代码将其解析为对象。我的其他尝试是读取文件并直接使用解析,但它们都不起作用。有谁能为我提供最佳解决方案的建议吗?

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;

应生成有关餐厅的详细信息和所发表评论的对象。

2 个答案:

答案 0 :(得分:4)

如果它是代码中的本地文件,则可以直接将其导入。 JSON将为您转换为对象。

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

或ES5

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

答案 1 :(得分:1)

函数调用中有一些错误。 我不知道您的数据结构。可能会有帮助

rsample