Как передать prop в img sr c require в React / Next. js

Question

В настоящее время я использую React и Next. js и next-images для импорта изображений

Я хочу передавать данные и напрямую получать их в моем img sr c url как показано ниже:

<img src={require(`../src/image/${data}`)} />

Но это похоже на обратную кавычку и строку шаблона? похоже, не работает в параметре тега img. Есть ли способ получать данные прямо на url sr c?

Answer 1

Я думаю, что вы ищете динамические c операторы импорта. Проверьте эту ссылку о синтаксисе import(). Например,

import(`messages_${getLocale()}.js`)

В разделе 5 (Поддержка модуля ()) вы можете проверить некоторые способы заставить его работать для вашего кода.