json字段 react,如何解析React js中的本地JSON文件？

How can I parse through a JSON file retrieving all its data and using it in my code?

I've tried importing the file and just tried console logging it, but all it does is print Object {}:

import jsonData from "./file.json";

console.log(jsonData);

This is what my file.json looks like:

[

{

"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"

}

]

I'd want to be able to access the first and last name of each component and print those on the website.

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

for(var i = 0; i < data.length; i++) {

var obj = data[i];

console.log("Name: " + obj.first_name + ", " + obj.last_name);

}