React 中 require 函数中的别名

Alias inside require function in React

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

每当我尝试相对路径时,它都有效。

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

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

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

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

试试这个:

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