React 通过style来设置背景图片。

React 中,给元素设置样式主要有两种,

一,引入CSS文件

这种不用多说,通过 import 

import '../views/css/bases.css';

这种方式适合,样式比较复杂,多的情况 。

二,设置元素的 style

也可以些成如下方式,设置背景图片  `url(${imgBg})

import Background from '../images/bg.png';
const style ={
    bgd:{
        color: 'rgba(0,0,0,.25)'
        backgroundImage: `url(${imgBg})`,
        backgroundSize: '100%,100%',
    }
}
class ShowDemo {
    render(){
        return(
            
我有一个背景图片
) } }

第二种,方式我是使用在小组件里面,样式内容比较少,没有写成css文件引入。

你可能感兴趣的:(前端框架学习)