React の 图片路径问题
|
踩坑小记录( ? ?ω?? )? ? 在刚接触React时就觉得她是一个傲娇的小姐姐 想不到图片插入的方式也是那么特别呢 (?ω?*) ? 首先，用create-react-app搭建的react项目会以public文件夹为根目录~ With?
其次， ? 所以想要在项目中用本地图片的最好方式是在项目的public文件夹建一个子目录imgs以存放图片/视频等公用文件，
? 在需要用到的时候，因为public文件夹是accessible的，所以只需要/imgs/文件名就可以读取该文件了
<img src="/imgs/6f.jpg"/>
----------------------------------------------------------------------------------------------------------------------------------- 或者是把图片放在js文件夹里，通过相对路径导入到js文件中
import heijiao from ‘./assets/heijiao.jpg‘;
<img src={heijiao} alt="cat" onClick={this.roar} />
? ? 附上一个stackoverflow关于此讨论的链接 https://stackoverflow.com/questions/37644265/correct-path-for-img-on-react-js （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
