在使用React渲染试图的时候，需要用JSX语法糖进行自动转换。
一、插值表达式{}
在JSX中，插入变量时，需要使用差值表达式。
如：我们在元素中想引入图片路径，但是图片路径可能会经常更换，不能写死。就将路径存在一个变量imgUrl（变量名自取）里，然后如下图插入即可。
let imgUrl ="http://huaban.com/pins/1856693856/"
<img src={imgUrl} />//这里插入imgurl路径，需要用{插值表达式}包起来二、插入行间style属性的语法
当我们react中想实时修改一个div元素的背景图片，而非img元素，就无法修改src；
而是需要通过行间style样式，修改背景图片backgroundImg，需要注意的是：
①行间样式style 比较特殊,需要用两个花括号的格式，不然就会报错，写作：
<div style={{width: 20px; height=30px}}></div>//这是正确写法，不能写style="width:100px",会报错②在行间style属性插入图片的路径，即 将插入变量imgUrl，我们就需要这样写才可以：
let imgUrl ="http://huaban.com/pins/1856693856/"
<div className="mask" style={{backgroundImage: 'url('+imgUrl+')'}}></div>解析：先插入style={{backgroundImage: 'url()'}}
再把变量通过字符串拼接的方式加进去 style={{backgroundImage: 'url(' + imgUrl + ')'}}