在反应中内联背景图像

Question

以下代码适用于我

import c1 from "./myImage.png"

export default class MyClass extends React.Component {
  render() {
    let style = {
      backgroundImage: "url(" + c1 + ")",
    }

    return (
      <div>
        <div style={style}> </div>
      </div>
    );
  }
}

但是我想让它内联，因为我想要显示50个图像，而不必为每个图像设置一个样式对象。

具体来说，我的代码如下所示：

import c1 from "./myImage.png"    

export default class MyClass extends React.Component {
  render() {

    return (
      <div>
        <div style={{backgroundImage:"url(" + c1 + ")" }}> </div>
      </div>
    );
  }
}

这不幸地对我不起作用。它无法找到图像。

我做错了什么？