<分区>
我在 json 文件中有一个对象数组。我正在尝试将此文件导入另一个文件,以便我可以在简单的 React 项目中引用数据。
我已经尝试了导出默认和命名导出的各种组合,但是当我保存它时,JSON 文件总是报错。这是我想要实现的目标:
(文件 1.json)
[
{
"userId": 1,
"id": 1,
"title": "sunt aut facere repellat provident occaecati excepturi optio reprehenderit",
"body": "quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto"
}
]
文件2.js
import data from '.\file1.json'
console.log(data.id);
我遇到的问题是我在我的 JS 文件中没有看到任何错误,但没有显示 data.id 值。但是,在我的 JSON 文件中,我在导出它以供使用时遇到问题。
问题:如何使用 es6 导入带有对象文件的“.json”文件(不是“.js”)?
更新 我设法让它在 create-react-app 环境中工作,我将 json 文件保留为对象数组,然后在 js我使用的文件“从'./xyz'导入xyx;”
这对我有用,重复标记的帖子中没有提到这个答案,所以我认为它应该有自己的答案 - 希望这对其他人有帮助。