在React项目中如何为div元素设置背景图片？

• 项目目录下需提前准备存放2张图片的images文件夹，两张图片分别为netflix_logo.png、netflix_bg.jpg
• 以下为App.js参考代码，可实现将导入的图片作为指定元素背景图渲染的效果：

import "./styles.css";
import nf_logo from "./images/netflix_logo.png";
import nf_bg from "./images/netflix_bg.jpg";

const divStyle = {
  backgroundImage: `url(${nf_logo})`
};
export default function App() {
  return (
    <div className="App">
      <div style={divStyle}></div>
    </div>
  );
}

如果需要切换背景为另一张导入的背景图，只需将divStyle中backgroundImage属性引用的nf_logo替换为nf_bg即可

内容的提问来源于stack exchange，提问作者Vrushabh Fasge