想要使用project/public/images文件夹中的图像到src/pages/home.js中的卡片

Want to Use images from project/public/images folder to card inside src/pages/home.js

提问人:tanuj sati 提问时间:11/18/2023 更新时间:11/18/2023 访问量:16

问:

我想使用地图函数将 project/public/images/ 中的图像用于 src/pages/home.js 中的我的卡片。当我尝试使用地图功能时,它显示错误 如何解决这个问题

我制作了一个 js 文件名 data js,我给出了路径 bur,它显示错误如何在 public/images/ 数据 js 中给出图像的路径并在主页中使用它

ReactJS Image Dictionary Public

评论


答:

0赞 Marcel 11/18/2023 #1

我不知道你得到了什么错误,也不完全理解你的问题。 如果你问如何在 jsx 中使用图像:

import logo from "../public/images/logo.png"

const home = () => {

   return (
      <img src={logo} /> 
   )

}

如果我误解了您的问题,请提供您的代码和您收到的错误消息

0赞 X8inez 11/18/2023 #2

若要从公用文件夹中的图像目录访问图像,请执行以下操作:

<img src="/images/image.png" /> 

替换为要使用的图像的文件名。image.png