无法从 React 中的简单 json 文件获取数据

Question

我有本地 json 文件，我必须从中检索数据。

这是我的代码：

 const myReq = new Request('./data.json')
        fetch(myReq)
            .then(rawD=> rawD.json())
            .then(info =>  console.log(info))
            .catch(err => console.log(err))

就像我在 fetch(myReq) 行上收到错误 SyntaxError: Unexpected token < in JSON at position 0。如果我删除 rawD.json() 行，我有一个响应

ok: true
redirected: false
status: 200
statusText: "OK"
type: "basic"

等等

但我无法访问 json 文件中的实际数据

Answer 1

如果data.json 是本地文件，这意味着您可以在正在开发应用程序的文件管理器中访问它，我建议您执行以下简单操作：

import data from './data.json' 或 const data = require('./data.json')

然后照常使用它：

import data from './data.json'

data.map((item) => console.log(item))

如果这将是一个外部 data.json，您可能需要使用 fetch 或 axios 等模块