如何在react组件中将backgroundImage添加到div？

Question

我正在关注https://www.youtube.com/watch?v=QZcNGfcn-oo&t=572sa上的“使用react构建rpg游戏”教程，只需键入演示者的工作即可。

以下我尝试将背景图像添加到div中。为什么我在backgroundimage上总是出现意外的令牌错误？ 从'./Unicorn.png'导入Unicorn；

enumerate

Answer 1

用波浪号键`替换单引号：（位于 ESC 键下方）

backgroundImage: `url(${Unicorn})`,

或者用引号：

backgroundImage: 'url('+Unicorn+')',

---

此外，请确保使用backgroundRepeat，否则将默认使用重复的背景：（顺便说一句，由于宽度和高度的限制，您可能看不到重复的背景）

backgroundRepeat: 'no-repeat',