Как правильно достать данные из файла JSON в React?
В связи с не знанием React достаточно хорошо, столкнулся с проблемой. Есть файл JSON. Есть компоненты React. Ссылка на весь репозиторий.
На данный момент в файле Main.jsx пытаюсь вытянуть данный из JSON файла "products.json" и провести с ними дальнейшие манипуляции (Product.jsx; Products.jsx).
В конечном результате получаю "Nothing found" ( Условие в Products.jsx)
Вопрос - в чём заключается проблема, почему не получается отобразить данные?
Фото Main.jsx
Фото Product.jsx
Фото Products.jsx
Ответы (1 шт):
Файл products.json ваш код ищет в папке layout, а не в папке public.
дополнительно, у вас опечатка в слове response
ну и целом, подход, мне не понятен
вот мой вариант, переместил ваш products.json в папку layout, добавил import и присвоил в state значение этого импорта
Вот что вывел console.log
