Reactjs - читать изображение из URL в функции

Question

Я работаю над проектом, в котором я читаю объекты из файла json, затем отображаю эти данные.

Я пытаюсь отобразить изображение для каждого объекта, поэтому я помещаю проход в файл jsonкак это:

"image": "../camera.png"

затем я использовал функцию карты, чтобы прочитать объекты и отобразить их ..

items.map(eachitem => {
*..//code statments*
eachitem.image=require(eachitem.image)
});

и вот ошибка:

Uncaught Error:Не удается найти модуль '../camera.png'

Я уверен, что путь правильный, потому что до того, как я поместил его в файл json, он работал правильно, поэтому любая помощь, пожалуйста?

jsonпуть к файлу: "C: /Users/Admin/Projects/planner/demo/src/itemsData.json"

путь к изображению: "C: / Users / Admin / Projects / planner / demo / src / catalog /изделия каталог / item1.png "

Answer 1

Сначала импортируйте объект json

import ItemsData from '../path/to/file/itemsData.json'

При циклическом цикле просматривайте объект ItemsData.

ItemsData.map(item => {
 // item.image gives you the img url
});