首页 > web前端 > js教程 > 正文

react中如何引进图片

coldplay.xixi
发布: 2020-11-17 15:49:49
原创
2161 人浏览过

react中引进图片的方法:1、方式一【import tsIcon from '../images/typescript.jpeg';】;2、方式二【const tsIcon = require( './images/typescrip】。

react中如何引进图片

react中引进图片的方法:

方式一:

import tsIcon from '../images/typescript.jpeg';
登录后复制

方式二:

const tsIcon = require( '../images/typescript.jpeg');
登录后复制

使用方式一:

<img src={tsIcon} alt= "" />
登录后复制

使用方式二:

<div style={{ background: `url(${tsIcon}) no-repeat`}}> </div>
登录后复制

使用方式三:

const styles = { test: { background: `url(${tsIcon}) no-repeat center` }}render() { return ( <div style={styles.test}></div> )}
登录后复制

相关免费学习推荐:JavaScript(视频)

以上是react中如何引进图片的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!