react中图片如何引用-木庄网络博客

2022-02-25 09:20:51 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者coldplay.xixi，侵删。

react中图片引用的方法：1、导入图片路径，代码为【import Img from "./images/1.png"】；2、直接获取图片，代码为【<img src={require("./images/1.png")}alt=""/>】。

本教程操作环境：windows7系统、React17版、thinkpad t480电脑。

react中图片引用的方法：

第一种导入图片路径

1 2	`import Img from` `"./images/1.png"` `<img src={Img} alt=""/>`

第二种直接获取图片

1	`<img src={require("./images/1.png")} alt=""/>`

相关阅读 >>

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

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者