如何在React js中通过本地JSON文件解析？
如何解析一个JSON文件以检索其所有数据并在我的代码中使用它？
我试过导入文件，只是尝试控制台记录它，但是它所做的只是打印对象{}：
import jsonData from "./file.json";
console.log(jsonData);
这是我的file.json的样子：
[
{
"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.first_name + ", " + obj.last_name);
}
https://jsfiddle.net/c9wupvo6/
-
问题内容： 我是iOS开发人员中的新手，并且尝试解析本地Json文件，例如 这是我的代码： 我在此站点上找到了一个示例，但出现以下错误 -JSONValue失败。错误是：对象键后不期望令牌“值分隔符”。 问题答案： JSON具有严格的键/值表示法，用于R4和响应的键/值对不正确。试试这个： 如果您从文件中读取字符串，则不需要所有的斜杠。 文件将如下所示： {“ quizz”：[{“ id”：“ 1
-
问题内容： 如何在jsfiddle中添加JSON文件？我有一个JSON文件，但无法将其附加到jsfiddle中。我可以制作一个JSON对象并使用它，但是有什么方法可以将外部JSON文件添加到小提琴中？ 问题答案： 您可以利用跨域资源共享（CORS）的功能来完成您的任务。 基本上，CORS的工作原理是，如果在HTTP响应中设置了标头，则无论AJAX加载的内容位于同一域还是其他域中，都可以在我们的脚本
-
我已经用。gz压缩方式在blob存储中存储了一个json文件，因此我的文件url将类似于https://abcd.blob.core.windows.net/mydir/largefileCompress.json.gz。所以现在我需要了解如何获取它并解压缩到ReactJS中的largefileCompressed.json。 该文件在没有压缩的情况下为2-3 MB，在低网络区域，它需要时间负载，
-
问题内容： 我已经在本地系统中保存了一个JSON文件并创建了一个JavaScript文件，以便读取JSON文件并打印出数据。这是JSON文件： 假设这是JSON文件的路径：。 有人能帮我写一个简单的代码来读取JSON文件并以JavaScript打印数据吗？ 问题答案： 由于使用HTTP发出请求，因此您 无法 对本地资源进行AJAX调用。 一种解决方法是运行本地Web服务器，提供文件并对localh
-
问题内容： 假设我有一个如下所示的javascript对象： 我将其字符串化以转换为JSON。如何将此JSON保存到本地文本文件，以便可以在记事本等中打开它。 问题答案： Node.js： 浏览器（webapi）：