获取本地JSON

小编典典

获取本地JSON

reactjs

如何获取目录中的本地JSON文件？

JSON文件如下所示：

[
  {
    "name": "Sara",
     "id": 3232
   },
  {
    "name": "Jim",
     "id": 2342
   },
  {
     "name": "Pete",
      "id": 532532
   }
]

如果我在尝试使用的同一个文件中包含json信息，则它可以很好地工作，但是如果我想将其引入，则我一生都无法使它正常工作，并且它会一直以未定义。

这是我所拥有的

getData() {


    var json_data = require('../services/contributors.JSON');


    for (var i in json_data){
    console.log('Name: ' + json_data[i]["name"])

    }


}

你能看出我做错了吗？我正在尝试让它做出反应，所以反应可能会有所不同？我不知道。任何帮助将不胜感激。谢谢！

阅读 395

2020-07-22

共1个答案

小编典典

尝试使用文件系统。不要以为从JSON文件中读取内容就是这样。

const fs = require('fs');
const json_data = require('../services/contributors.JSON');

fs.readFile(json_data, 'utf8', function (err, data) {
  try {
    data = JSON.parse(data)
    for (let i in data){
    console.log('Name:',data[i].name)
    }
  } catch (e) {
    // Catch error in case file doesn't exist or isn't valid JSON
  }
});

2020-07-22