在 React 项目中,图片通常放在 'src' 文件夹下的 'assets' 文件夹中。可以按照自己的需求在 'assets' 文件夹下创建子文件夹来组织图片。在组件中使用图片时,可以通过相对路径引用。例如,如果有一张图片位于 'src/assets/images/logo.png',可以在组件中这样引用:

import logo from '../assets/images/logo.png';

function App() {  return (    <div>      <img src={logo} alt='Logo' />    </div>  );}

这样做的好处是,Webpack 会处理这些图片,并将它们复制到最终的构建文件夹中。

React 项目图片最佳存放位置及引用方法

原文地址: https://www.cveoy.top/t/topic/qBCY 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录