Вот мой сценарий:
Я работаю над страницей «Новости» моего сайта. Когда пользователь загружает эту страницу, все статьи, сохраненные в базе данных, должны быть извлечены и отображены в «Новостных карточках». Как показано ниже.
Новостная карточка
Поскольку я работаю с ASP. NET Core. Пути к файлам изображений сохраняются в базе данных и используются на стороне клиента для получения связанного изображения из общей папки «wwwroot». I go о загрузке изображения в компонент реагирования выглядит следующим образом.
1) Я получаю записи из базы данных действительные записи
2) I отправьте указанный c обязательный элемент из списка изображений в компонент 'Карта новостей' и поместите его в стили код карты новостей
3) Я получаю эту ошибку в google dev tools console ошибка консоли
Моя проблема:
Путь к файлу, который подается в метод require (), работает, потому что я должен использовать require () для Typescript это моя проблема. Я не могу найти способ использования require для отображения моих изображений без жесткого кодирования фактического пути к файлу. Я знаю, что require не допускает ничего, кроме строковых литералов, но я должен что-то упустить, если нет, должен быть лучший способ сделать это. Единственный способ, о котором я могу подумать - это написать на стороне клиента файл .tsx, в котором он сохранит список необходимых мне требований (filepath) и экспортирует его оттуда.
Я новичок в веб-разработке, начал около месяца go. Я искал и пробовал много решений, но я не нашел того, который похож на мой. Помощь будет высоко ценится.