先贴一下 完整代码 ,不麻烦但容易忘就整理一下
针对项目内图片文件
不推荐用require引用图片
<div style={{ backgroundImage: `url(${bgImg})`, ...extraStyle }} />
//不推荐,代码复用性差
<div
style={{
backgroundImage: `url(${require("./12.jpg")})`,
...extraStyle
}}
/>
针对Url
<div
style={{
backgroundImage: `url('https://via.placeholder.com/500')`,
...extraStyle
}}
/>
<div
style={{
backgroundImage: `url('${external}')`,
...extraStyle
}}
/>