React. Фото из локального json файла не отображается при map
Есть локальный json файл, где данные про продукт. Мне нужно импортировать фото, имя, цену и т.д. Всё отображается, кроме фото. Как правильно написать что бы путь к локальному фото был протён?
Ответы (1 шт):
Автор решения: Eliza Chernysh
→ Ссылка
Вот JSON:
{
"id": 0,
"year": 2019,
"make": "34,888",
"model": "Volkswagen Tiguan",
"trim": "Diesel",
"mileage": "19,855 km",
"image": "car-1"
}
Это map:
{
Records.map(car => (
<li key={car.id}>
<img src={require(`../../image/images/${car.image}.jpg`)} alt="car"/>
<p>
<span>{car.year}{' '}</span>{car.model}
</p>
<p>{car.mileage}{' | '}Automatic{' | '}{car.trim}</p>
<p>${car.make}</p>
</li>
))
}