Javascript 如何在React应用程序中导入和使用JSON文件中的数据?
我已经在React中编程了几天,在使用JSON文件时遇到了一个问题 我目前正在使用一个硬编码的Javascript 如何在React应用程序中导入和使用JSON文件中的数据?,javascript,json,reactjs,list,Javascript,Json,Reactjs,List,我已经在React中编程了几天,在使用JSON文件时遇到了一个问题 我目前正在使用一个硬编码的 const vendorList = [ { id: 0, name: "Laerdal Medical Corporation", sections: [ { name: "Product",
const vendorList = [
{
id: 0,
name: "Laerdal Medical Corporation",
sections: [
{
name: "Product",
payload: [
{id: 1, name: "ASL 5000 Lung Solution"},
]
},
{
name: "Demos",
payload: [
{id: 1, name: "ASL 5000 Lung Solution", url: "ASL 5000 Lung Solution - High Fidelity Lungs for SimMan and SimBaby (laerdal.com)", type: "video"}
]
填充一些“卖方卡”。我现在有一个JSON文件,里面有相同的数据
{
"vendorList" : [
{
"id": 1,
"name": "Laerdal Medical Corporation",
"sections": [
{
"name": "Products",
"payload": [
{"id": 1, "name": "ASL 5000 Lung Solution"}
]
},
{
"name": "Demos",
"payload": [
{"id": 1, "name": "ASL 5000 Lung Solution", "url": "ASL 5000 Lung Solution - High Fidelity Lungs for SimMan and SimBaby (laerdal.com)", "type": "video"}
]
}
],
"tags": ["Tag 1","Tag 2"]
}]
如何从硬编码列表更改为JSON对象?在阅读了其他stackoverflow问题后,我可以使用
import myJson from./data.JSON'
,导入JSON对象,但不知道如何将JSON对象放入vendorlist
。谢谢你的时间 从您的评论来看,JSON似乎是使用
从./data.json'导入myJson;
然后我假设它被自动解析。(因此不需要JSON.parse
)
在此之后,只需将数据推入供应商列表
vendorlist.push(…myJson.vendorlist);
如果你不想改变供应商列表,你也可以将两者结合起来创建一个新的数组
const newlist=[…vendorlist,…myJson.vendorlist];
//或
const newlist=vendorlist.concat(myJson.vendorlist);
你目前是如何获取和解析JSON的?@evolutionxbox一位同事让我相信,我可以简单地做一些类似于vendorlist=myJson的事情,但我从你的回答中猜测,这不可能依赖于如何检索JSON。它是进口的吗?取回的?etc@evolutionxbox我正在使用“import myJson from./data.json”,然后它可能会被自动解析。使用vendorlist.push(myJson.vendorlist[0])
怎么样?