无涯教程网

公共文件夹中的 ReactJS 和图像

发布于02月24日

我是ReactJS中的新手，我想在组件中导入图像.这些图像位于公用文件夹中，我不知道如何从react组件访问该文件夹.

有什么 idea 吗？

EDIT

我想在底部导入一个图像.js或标题.js

struct 文件夹是:

我不使用webpack.我应该吗？

Edit 2

我想使用webpack加载图像和其他assets资源 .因此，在我的配置文件夹中，我有以下文件:

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

谢谢

推荐答案

要在公共场合引用图片，我知道有两种方法可以直接引用.

使用

    <img src={process.env.PUBLIC_URL + '/yourPathHere.jpg'} />

既然这是有效的，你真的不需要任何其他东西，但是，这也是有效的...

    <img src={window.location.origin + '/yourPathHere.jpg'} />

Reactjs相关问答推荐

如何使用React Router创建响应式主详细信息应用程序？

从`redux—thunk`导入thunk `在stackblitz中不起作用

sourceBuffer. appendBuffer成功，但h5视频播放器卡住了

如何在Reac.js中通过子组件和props 调用父组件函数？

为多租户SSO登录配置Azure AD应用程序

如何访问子集合中的文档？

for each 子级加载父路由加载器

MUI：在props 主题中找到的值：；错误；是[Object]，而不是字符串或数字

Chakra UI：如何在选中状态下设置复选框 colored颜色

在 React 中将 MUI 样式外包到单独的文件中？

为什么这个 React 组件会导致无限渲染？

Select 项目后 Select HeadlessUI 组合框中的所有文本？

React v6 中的公共和私有路由

使用 axios 响应路由 Dom 操作

需要在窗口调整大小时更新 React 组件

ReactJS：useMemo 钩子修复了我的无限重新渲染问题而不是 useEffect

Cypress ，重试不再附加到 DOM 的元素

如果 URL 已随功能组件更改，则取消刷新

当页面重新加载react 路由导航到第一页 v6

a.active 类在导入 x.scss 文件时有效，但在使用 x.module.scss 时无效

实用课程推荐

相关教程推荐