如何在 React/Next.js 中將 prop 傳遞給 img src require

Question

我目前正在使用 React 和 Next.js 和next-images來導入圖像

我想傳遞數據並直接在我的 img src url 中接收它，如下所示：

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

但它似乎是反引號和模板字符串？ 在 img 標簽的選項中似乎不起作用。 有什么方法可以直接接收數據到src url？

Answer 1

我認為您正在尋找的是動態導入語句。 檢查有關import()語法的此鏈接。 例如，

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

在第 5 節（對 module() 的支持）中，您可以查看一些使其適用於您的代碼的方法。