react获取不到目录中文件的坑

今天使用react的img标签，想展示一下图片，这是我的目录结构：

我想要使用static文件夹中图片的时候：

<img src="./static/logo192.png" />

发现找不到图片，图片没有显示出来。

嗯？明明路径没有问题啊......

结果一段时间的研究，总结出了以下三种解决方案：

方案一：使用require对路径进行修饰：

<img src={require('./static/logo192.png')} />

方案二：

通过import对图片进行引入并使用。

import logo192 from "./static/logo192.png"

......

<img src={logo192} />

方案三：

将静态文件存到自带的public文件夹中，并通过“./XXX”直接使用。

<img src="./logo192.png" />

//此时文件在public目录下

图片显示成功！

希望本文会对您有所帮助^_^

小彩蛋：

此文章质量较低，不会获得较多流量扶持！

此文章质量较低，不会获得较多流量扶持！

此文章质量较低，不会获得较多流量扶持！

此文章质量较低，不会获得较多流量扶持！

此文章质量较低，不会获得较多流量扶持！

此文章质量较低，不会获得较多流量扶持！

此文章质量较低，不会获得较多流量扶持！

emmmmm。。。TAT