,可以按照以下步骤进行操作:
src
文件夹下创建一个名为assets
(或其他你喜欢的名称)的文件夹,用于存放公用的图像文件。assets
文件夹中。例如,假设你有一个名为logo.png
的图像文件,将其放入src/assets
文件夹中。src/components
文件夹下的MyComponent.js
,则可以使用以下代码导入图像文件:import logo from '../assets/logo.png';
<img>
标签的src
属性值,或者在CSS中使用它作为背景图像。import React from 'react';
import logo from '../assets/logo.png';
import './MyComponent.css';
const MyComponent = () => {
return (
<div>
<img src={logo} alt="Logo" />
<h1>Welcome to My Component</h1>
</div>
);
};
export default MyComponent;
这样,你就成功地在Reactjs中导入了src
文件夹下的公用文件夹图像。请注意,以上步骤假设你已经正确配置了React项目的构建工具(如Webpack)以处理图像文件。如果你遇到任何问题,请参考相关工具的文档或寻求帮助。
领取专属 10元无门槛券
手把手带您无忧上云