無法從 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))

就像那樣，我收到錯誤SyntaxError: Unexpected token < in JSON at position 0 - 在 fetch(myReq) 行。 如果我刪除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))

如果這將是一個外部數據。json，您可能需要使用諸如fetch或axios類的模塊