如何在 React/Next.js 中将 prop 传递给 img src require答案

【问题标题】：How to pass prop to img src require in React/Next.js如何在 React/Next.js 中将 prop 传递给 img src require
【发布时间】：2020-11-23 07:24:49
【问题描述】：

我目前正在使用 React 和 Next.js 以及 next-images 来导入图片

我想传递数据并直接在我的 img src url 中接收它，如下所示：

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

但它看起来像反引号和模板字符串？在 img 标签的选项中似乎不起作用。有没有办法直接接收数据到src url？

【问题讨论】：

在 stackblitz.com 中创建示例可能很容易发现？

标签： javascript reactjs image next.js

【解决方案1】：

我认为您正在寻找的是动态导入语句。检查此link 关于import() 语法。例如，

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

在第 5 节（对 module() 的支持）中，您可以查看一些使其适用于您的代码的方法。

【讨论】：