从本地json文件中获取数据

Question

我在React import中找不到模块存在问题。这是文件中的API：

[   
    {
        "poolNumber": "1",
        "sender": "Damir",
        "notRoutedReason": "NumberDoesntExist",
        "sentDateTime": "2019-08-13T08:01:48.1535075Z",
        "requestedDeliveryReportMaskText": "Submitted",
        "deliveryReportReceivedDateTime": "2019-08-13T08:01:48.1535075Z",
        "isUnicode": "FALSE",
        "messageUUID": "4889e632-a314-45e2-89fd-35b07b4f9ff2"
    },
    {
        "poolNumber": "1",
        "sender": "Damir",
        "notRoutedReason": "NumberDoesntExist",
        "sentDateTime": "2019-08-13T08:01:46.3254032Z",
        "requestedDeliveryReportMaskText": "Submitted",
        "deliveryReportReceivedDateTime": "2019-08-13T08:01:46.3254032Z",
        "isUnicode": "FALSE",
        "messageUUID": "7f48626f-7dfe-4772-99e6-3a4c1df15e0e"
    }
]

然后我尝试在导入下调用它，以便可以记录（数据）。

import React from 'react'

import dataJSON from './data.json'
    const getData = async () => {
        const response = await fetch(dataJSON)
        const data = await response;
        return getData
    }

但是我无法获取数据，因为没有获取所需的模块。我该如何解决？

Answer 1

要使用导入和导出语句，必须使用es6，为此，必须使用babal。

也许您必须将babel-plugin-import添加到您的项目：read if you have and how to install and configure here here)

Answer 2

如果您使用的是React Create App，应该可以正常使用：

import dataJSON from './data.json'

console.log(dataJSON )