在React中require图片不显示

不知道其他学习React的小伙伴有没有遇到和我相同的问题,在React项目中使用require引入使用图片不显示:
在React中require图片不显示_第1张图片
如图上图所示,不能展示图片路径。
解决方案:
在这里插入图片描述
在引入的图片加.default就可以了。

不过这样的写法有点奇葩,那为什么会出现这样的情况呢?
因为require是动态加载,import是静态编译。
这里我推荐大家使用import来引入图片:
在这里插入图片描述
在这里插入图片描述

你可能感兴趣的:(React,react)