由backgroundImage引发的路径问题

以 React 为例，

1，backgroundImage的路径

虽然变量 t 是一个字符串的路径，但若是其中有空格，下面的写法就会解析错误，由于是css

<div style={{backgroundImage: `url(${t})`}}></div>
复制代码

因此，若是有空格，url中的内容就必须用引号引发来，而由于``的效果，下面这样写是能够的，并不会将这个变量认为是字符串。

<div style={{backgroundImage: `url("${t}")`}}></div>
复制代码

2，img中的路径

就不会有这样的状况，由于 src 是原生的属性。

<img src={t} alt="" />
复制代码

3，标签的属性

若是出错了，是不会渲染到标签中的，好比 style 和 className 属性，

因此，在测试的时候，能够经过自定义的属性，如data-的形式，这样始终都会渲染出来。

其实img的src的属性也是由于这个缘由吧，自身的属性，不须要作解析。