如何在React js中解析本地JSON文件？

import jsonData from "./file.json";
console.log(jsonData);

[
      "id": 1,
      "gender": "Female",
      "first_name": "Helen",
      "last_name": "Nguyen",
      "email": "hnguyen0@bloomberg.com",
      "ip_address": "227.211.25.18"
      "id": 2,
      "gender": "Male",
      "first_name": "Carlos",
      "last_name": "Fowler",
      "email": "cfowler1@gnu.org",
      "ip_address": "214.248.201.11"
]

var data = require('../../file.json'); // forward slashes will depend on the file location

var data = [
      "id": 1,
      "gender": "Female",
      "first_name": "Helen",
      "last_name": "Nguyen",
      "email": "hnguyen0@bloomberg.com",
      "ip_address": "227.211.25.18"
      "id": 2,
      "gender": "Male",
      "first_name": "Carlos",
      "last_name": "Fowler",
      "email": "cfowler1@gnu.org",
      "ip_address": "214.248.201.11"
for (var i = 0; i < data.length; i++)
    var obj = data[i];
    console.log(`Name: ${obj.last_name}, ${obj.first_name}`);
}

var jsonData = require('../../file.json');
class blah extends React.Component {
render(){
    var data; 
    function loadJSON(jsonfile, callback) {   
        var jsonObj = new XMLHttpRequest();
        jsonObj.overrideMimeType("application/json");
        jsonObj.open('GET', "../../file.json", true);
        jsonObj.onreadystatechange = function () {
              if (jsonObj.readyState == 4 && jsonObj.status == "200") {
                callback(jsonObj.responseText);
        jsonObj.send(null);  
    function load() {
        loadJSON(jsonData, function(response) {
            data = JSON.parse(response);
            console.log(data);
    load();
}

fetch('./data/fakeData.json')

如何在React js中解析本地JSON文件？

4 个回答