Css 使用材质UI库时，I'；m无法更改模板的图像-如何更改随机飞溅以设置图像？

所以，最近，我一直在玩弄MaterialUI，试图对它有所了解。我一直在使用他们的“登录侧”模板。除了一件事，一切都很顺利。下面是我想更改的模板代码示例（请注意，我只添加了相关区域）

具体来说，

backgroundImage

部分。我有一个本地映像保存在这个“../Login/BackgroundImg1.jpg”的路径中，它被正确导入。我将它添加到页面底部，以查看它是否正确呈现，但每当我尝试将它添加到代码中时-没有，只是一个白色屏幕-没有错误，只是空白

我尝试了我能想到的每一种方法，搜索了Stack、YouTube和其他随机博客，试图找出我做错了什么。现在，我很确定我错过了一些小东西，只是需要其他人来检查一下

如蒙协助，将不胜感激

编辑：请查看我尝试的以下更改：

image: {
  backgroundImage: 'url(../Login/BackgroundImg1.jpg)',
  backgroundRepeat: 'no-repeat',
  backgroundSize: 'cover',
  backgroundPosition: 'center',

},， 自从我使用url和src导入图像以来，我也尝试了以下方法

image: {
  backgroundImage: 'url(${BackgroundImg1})', 
  backgroundRepeat: 'no-repeat',
  backgroundSize: 'cover',
  backgroundPosition: 'center',

},

正如我上面提到的，我肯定我错过了一些简单的东西，因为我已经盯着这个代码看了一天了

哦，这是开发工具的图像，元素的样式。

---

嗨，Nyxerian，你能举个例子说明你是如何编辑“backgroundImage”属性的吗？另外，如果您在浏览器中使用开发人员工具，并关注该元素，那么在“样式”面板中会看到什么？这将有助于您解决此问题。现在，我将用我所做的内容编辑这篇文章，并拍摄样式面板的屏幕截图。谢谢，这将有所帮助：）在样式面板中，仅显示“背景图像”属性是一个非常有用的属性，当您在代码中应用更改时，可以看到它。当使用导入的图像时，使用反勾号而不是单引号可以修复它。是的，这就是问题所在。唯一需要更改的是反勾号，而不是单引号

image: {
  backgroundImage: 'url(${BackgroundImg1})', 
  backgroundRepeat: 'no-repeat',
  backgroundSize: 'cover',
  backgroundPosition: 'center',