react组件background设置

想飞上天去和太阳肩并肩

于 2019-01-23 11:49:43 发布

阅读量6.1k

点赞数 3

分类专栏： react

本文链接：https://blog.youkuaiyun.com/qq_39512863/article/details/86607658

版权

react 专栏收录该内容

3 篇文章

订阅专栏

<div
            style={{
              background: "url("+require("../../assets/selected_home.png")+") 0 0 / 16px 16px"
            }}
          >888</div>

查了很多地方，react组件中只有这种写法才是有效的，而且background属性连写的话，background size前面要加斜杠才会生效，不知道原理，并没有找到相关资料，遍询度娘只查到两篇相关博客
https://blog.youkuaiyun.com/isaisai/article/details/19686647
https://blog.youkuaiyun.com/ISaiSai/article/details/50109643
如果想要在img中引入本地图片，需要用require引入：

<img src={require('../../assets/selected_home.png')} style={{width:'30px',height:'30px'}} alt=''/>