react引用图片不显示

用create-react-app脚手架搭建好react项目之后吗，引用图片的时候发现路径是正确的，图片不显示，后来查了查原来跟我图片放的位置有关系


react中img不显示.png

我的图片放在了src下的assets的img文件夹中，这样的话，查了一下，这种情况下直接用src会出现问题但是用require是可以的

<img src={[require("../assets/img/2x.png")]} alt=""/>
注意：require中只能放字符串，不能放变量
后来看了看create-react-app的官网，官网明确说出最好将图片样式等放在public文件夹中，是可以用的<img src="../images/photo.png"/>这种形式的

如下图官网
https://facebook.github.io/create-react-app/docs/using-the-public-folder#when-to-use-the-public-folder

create-react-app官网.png

改装后的文件夹如下，将图片放在了public文件夹中：
img放在public中.png

这样就可以用了~

<img src="assets/logo-ant.svg" alt="" className="logoimg"/>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Create React App--README
    This project was bootstrapped with Create React App. Belo...
    unspecx阅读 10,587评论 0赞 2
  • 【Hybrid开发高级系列】WebPack模块化专题
    1 Webpack 1.1 概念简介 1.1.1 WebPack是什么 1、一个打包工具 2、一个模块加载工具 3...
    Kevin_Junbaozi阅读 11,745评论 0赞 16
  • 第25天
    【今天，想不到什么故事来跟各位分享，本来是看到老虎的那个谈跑步赚钱的东西想跟各位分享一下互联网6种商业模式，但是今...
    贺小桶阅读 1,293评论 0赞 1
  • 沉默是金
    等人是最令人心焦的事，一分一秒地耗着，不知看多少次手表，可是等到你所期待的人远远的姗姗而来，你有多少烦闷也丢到九霄...
    大龄男青年山谷子阅读 1,222评论 0赞 0
  • 生吧，不生，就不生，
    2019年年初，2018年年末，突然间，人口红利不在，人口危机呼声四起。 新生儿出生总人数从2016年攀上高峰后，...
    天空有云阅读 1,599评论 0赞 0