如何在 MERN 堆栈应用程序中内联加载图像文件

问题描述

我正在尝试从文件内联加载图像,因为我必须传递数据(图像名称)但没有任何效果,或者图像是否在 src 文件夹内,或者它是否在公共文件夹之外

这是我上次尝试的:

<img src={require(`./styles/images/${image}`).default} alt="product img" />

服务器返回:

错误:未指定认引擎且未提供扩展。

解决方法

你可以使用这样的东西

从'./logo.png'导入标志;

<img src={logo} alt="logo" />