gpt4 book ai didi

javascript - ReactJS 和公共(public)文件夹中的图像

转载 作者:行者123 更新时间:2023-12-03 12:55:05 25 4
gpt4 key购买 nike

我是 ReactJS 新手,我想在组件中导入图像。这些图像位于公共(public)文件夹内,我不知道如何从 react 组件访问该文件夹。

有什么想法吗?

编辑

我想在 Bottom.js 或 Header.js 中导入图像

结构文件夹为:

enter image description here

我不使用 webpack。我应该吗?

编辑2

我想使用 webpack 加载图像和其余资源。因此,在我的配置文件夹中,我有以下文件:

enter image description here

我需要在哪里添加图像路径以及如何添加?

谢谢

最佳答案

您不需要为此进行任何 webpack 配置。

在您的组件中只需给出图像路径。 React 会知道它在公共(public)目录中。

<img src="/image.jpg" alt="image" />

关于javascript - ReactJS 和公共(public)文件夹中的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47196800/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com