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

我正在学习“使用react构建rpg游戏”教程，只需输入演示者的操作即可

我试图在下面的示例中将背景图像添加到div中。为什么我总是在backgroundimage上遇到意外的令牌错误？ 从“./Unicorn.png”导入Unicorn

class Player extends React.Component {
    render() {
        return (<div
         style={{
              position:'absolute',
              top: props.position[1],
              left: props.position[0],
              backgroundImage: 'url('${Unicorn})',
              backgroundPosition: '0 0',
              width:'32px',
              height:'32px'
         }}
      />
      )
    }

    mapStateToProps=(state)=>{
        return{
            ...state.Player,
        }
    }

}

类播放器扩展React.Component{
render（）{
返回（将单引号替换为平铺键“”：（位于ESC键下方）

或者，引用以下内容：

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


另外，请确保使用
backgroundRepeat
，没有它，默认情况下背景将重复：（顺便说一句，由于其宽度和高度限制，您可能看不到重复的背景）

'url（'${Unicorn}）
缺少引号，您还需要将引号'替换为tildas`以让js知道字符串是字符串文字。请尝试将其替换为
'url（tilda${Unicorn}tilda）
背景图像：`url（${Unicorn}）`。将单引号改为反勾号。这很难在注释中解释，因为两个字符之间的任何内容都被视为代码块lol`ab`尝试反勾号。@MEnf成功了！我没有将其视为平铺。我为此花了数小时！非常感谢！
backgroundImage: 'url('+Unicorn+')',

backgroundRepeat: 'no-repeat',