我遇到了多個與內嵌樣式背景圖像相關的警告。使用React-static時，我沒有任何問題，但是現在使用Gatsby時，我得到了這個錯誤:

警告意外的文本字符串串聯

如果我只想使用內聯樣式，我該如何編碼呢？

現在，我正在導入我的背景圖片并使用內嵌樣式。我寧愿導入圖像并使用內聯樣式，而不是創建多個CSS樣式。

代碼:

import Background from '../img/background.gif';

<div id="hero" className="header-banner" style={{background: 'url(' + `${Background}` + ')'}}></div>

看起來你已經在評論中弄清楚了，這只是一個參考:你看到的消息來自ESLint，特別是這條規則。

這個規則的目的是在兩個文字可以合并成一個文字時標記它們的連接。文字可以是字符串或模板文字。

所以你的代碼是有效的。要么是蓋茨比默認的ESLint設定，要么是你自己的設定對它很挑剔。如果你不喜歡這個規則，你可以通過設置你自己的ESLint來刪除它。