React 中 require 函数内的别名

发布于 2025-01-09 04:59:41 字数 354 浏览 0 评论 0原文

我想在 require 函数中使用别名来动态加载 img src。 组件中有一个图像项列表。因此不可能在 src 中手动导入和映射所有这些。

每当我尝试相对路径时,它都会起作用。

<img src={require('../../assets/images/' + imageurl)} alt={title} />

但如果我将这一行更改为低于一行,它就会中断。

<img src={`require(@assets/images/${imageurl})`} alt={title} />

注意:我已经在项目中设置了资产别名。

I want to use alias inside require function for dynamically load img src.
There is a list of image items in the component. So it's not possible to import and map all of them manually in src.

Whenever i am trying relative path, it's working.

<img src={require('../../assets/images/' + imageurl)} alt={title} />

But if i change this line to below one, it's breaking.

<img src={`require(@assets/images/${imageurl})`} alt={title} />

Note: I already setup my assets alias in the project.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

空城之時有危險 2025-01-16 04:59:41

试试这个:

<img src={require(`@assets/images/${imageurl}`)} alt={title} />

Try this:

<img src={require(`@assets/images/${imageurl}`)} alt={title} />
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文