react在jsx文件中使用背景图

在jsx里面通过控制sate变量来控制某个div的背景图

目前只会两种方法

1.通过import引入图片。

import backImage from '../../theme/default/images/bg.png'
const deepBackImage = this.props.engineStore.judgePeeling == 'deep' ? { backgroundImage:`url(${backImage})`} : {}<div style={deepBackImage}></div>

2.图片用require引入。

const deepBackImage = this.props.engineStore.judgePeeling == 'deep' ? { backgroundImage:`url(${require('../../theme/default/images/bg.png')})`} : {}
<div style={deepBackImage}></div>

通过mobx传入的变量来控制div的背景图。