react中如何引入图片


本文摘自PHP中文网,作者V,侵删。

react中引入图片的方法:可以通过!important引入,如【import avatarSmall from '../.../assets/images/person/xxxjpg'】,然后在img中直接引入变量即可。

本教程操作环境:windows10、react16,该方法适用于所有品牌电脑。

(学习视频分享:react视频教程)

react引入图片的方法:

方式一:通过!important引入(推荐)

38c156ed824b2102c6d45c539f2ea51.png

然后在img中直接引入变量即可,这个变量名字可任意取。

方式二:require方法引入

require中只能写字符串,不能写变量

727002563f824a960d2374b53be2ebc.png

更多编程相关知识,请访问:编程教学!!

以上就是react中如何引入图片的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

怎么访问本地React项目

怎么查看React源码

为什么React需要绑定this

React生命周期详解

css怎么实现图片半透明效果

React native的特点是什么

安装React脚手架失败怎么办

vue.js中怎么添加图片

zepto与React区别是什么

React怎么循环map

更多相关阅读请进入《React》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...