React - 對象作為 React 子項無效？

Question

我這里有演示

這只是一個帶有背景圖片的簡單樣式，但我收到了錯誤

Objects are not valid as a React child (found: object with keys {backgroundImage}). If you meant to render a collection of children, use an array instead.

這個錯誤是什么意思，是不是不可能用風格來做到這一點。 有可能解決這個問題嗎

Answer 1

作為div的后代，你的生活很有style

        <div>
          style={{
              backgroundImage: 'url(https://dummyimage.com/600x400/000/fff)'
          }}
        </div>

你需要這樣做：

        <div
          style={{
              backgroundImage: 'url(https://dummyimage.com/600x400/000/fff)'
          }}>
        </div>

你的style生活在外面<div>而不是里面

Answer 2

您的style屬性需要在右括號內：

<div
  style={{
    backgroundImage: ...
  }}>
</div>

附加信息：

• https://www.w3schools.com/htmL/html_attributes.asp
• https://reactjs.org/blog/2017/09/08/dom-attributes-in-react-16.html