首页 > 解决方案 > 如何将我的 JSON 文件解析为可以在 React js 中操作的对象

问题描述

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

我尝试使用两种方法,第一种我将文件复制到 .js 文件中并将 JSON 文件中的数据声明为数组并尝试使用代码将其解析为对象。我的其他尝试是读取文件并直接使用 parse 两者都不起作用。有没有人可以建议我解决这个问题的最佳方法?

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;

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

标签: javascripthtmljsonreactjs

解决方案


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

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

或者对于 ES5

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

推荐阅读