• 技术文章 >web前端 >js教程

    react中如何引进图片

    coldplay.xixicoldplay.xixi2020-11-17 15:49:49原创38

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

    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中文网,转载请注明出处,感谢您的尊重!
    专题推荐:react 引进图片
    上一篇:jquery如何设置文字不间断滚动 下一篇:jquery如何判断是否为空
    第14期线上培训班

    相关文章推荐

    • css文件中引用图片不显示怎么办• css如何将图片等比缩放• vue.js中怎么添加图片• jquery如何修改图片src

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网