如何将图像放入 React答案

【问题标题】：How can I put image in React如何将图像放入 React
【发布时间】：2021-03-08 21:35:49
【问题描述】：

我想从我的 React 应用程序中的文件上传图像（我使用 create-react-app）。它没有显示，并且出现了错误消息。

错误信息是

./src/components/pages/TimeTable.js 未找到模块：无法解析“/Users/jolly/Desktop/Dance_School_Website-master/src/components/pages”中的“../dance.png”

我的文件：

--public 
  --images
    --dance.png


import TimeTablePic from "../dance.png";

function TimeTable() {
    return (
        <>
            <img className="TimeTablePic" src={TimeTablePic} alt="TimeTable" />    
            <Footer2 />   
        </> 
    );
}

export default TimeTable;

【问题讨论】：

你的 png 没有 export 声明，所以你不能 import 它。您应该可以在 src 属性中使用图片的路径。

标签： reactjs image

【解决方案1】：

简单地使用

<img className="TimeTablePic" src="images/dance.png" alt="TimeTable" />

【讨论】：

没问题，接受答案，其他人也可以试试这个