Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/json/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在React应用程序中导入和使用JSON文件中的数据?_Javascript_Json_Reactjs_List - Fatal编程技术网

Javascript 如何在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",

我已经在React中编程了几天,在使用JSON文件时遇到了一个问题

我目前正在使用一个硬编码的

    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])
怎么样?