由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的屬性也是由於這個緣由吧，自身的屬性，不須要作解析。