Как дать Image Src динамически в реагировать JS?

Question

Я пытаюсь дать имя изображения в src динамически.Я хочу установить имя изображения динамически, используя переменную с путем.но я не могу правильно установить src.Я пробовал решения на stackoverflow, но ничего не работает.

Я пытался указать путь, подобный этому

<img src={`../img/${img.code}.jpg`}></img>

<img src={'../img/' + img.code + '.jpg'}></img>

<img src={'../img/{img.code}.jpg'}></img>

мои изображения сохраняются в пути src / img, если я даю путь, подобный этому

<img src={require('../img/nokia.jpg')}/>

изображение показывает

Я знаю, что этот вопрос задавался раньше, но у меня ничего не работает.Пожалуйста, помогите мне, как я могу установить путь к изображению?

Answer 1

Вы все еще можете использовать require

<img src={require(`./img/${img.code}.jpg`)}/>

Не рекомендуется вручную добавлять изображения в общую папку.Смотрите этот ответ здесь: https://stackoverflow.com/a/44158919/1275105

Answer 2

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

<img src={`../img/${img.code}.jpg`}></img>

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