Как импортировать изображение условно

#reactjs #jsx

Вопрос:

Я только что обновил свою версию React до 17.0.2.

К сожалению, часть моего кода не работает. Изображение не отображается.

Этот код является одним из тегов IMG в jSX, и то, что я сделал, это динамически задал путь Src. Он работал без каких-либо проблем в моей предыдущей версии React. Есть ли какое-либо решение для устранения этой проблемы?

 lt;img src={require(`../${config.path}/${config.icon}`)} alt='App Icon' /gt;

1. Здесь недостаточно информации, это будет связано с вашими инструментами сборки, а не с обновлением версии React. Кроме того, это не обычный способ импорта изображений, например, в CRA или NextJS.

Ответ №1:

В React.js последняя версия v17.x, нам не может потребоваться локальный образ, который мы должны импортировать. как мы делали раньше

 require(`../../${config.icon}`);

Теперь мы должны, чтобы вы поместили все свои изображения в общую папку, а затем

 lt;img src={`../${config.icon}`}gt;lt;/imggt;

этот метод будет работать.