Не могу получить данные из простого json файла в React

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 - при выборке (myReq) строка. И если я удалю строку rawD.json(), у меня будет ответ

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

et c.

Но я не могу получить доступ к фактическим данным в файле 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