Javascript can'；在react中不设置背景图像？

嘿，伙计们，我正在尝试建立我的公文包网站，我想让公文包的主页有一个背景图像，当我导航到公文包的其他部分时，背景只是颜色，我成功地设置了背景颜色，但不能正确地设置背景图像。 这是我的密码

componentDidMount（）{
此.props.changePage（“主页”）；
document.body.style.backgroundImage=“url（'background.jpg'）”；
}

将要在其中显示图像的元素的类名设置为

.bgImage

。在CSS文件（名为App.CSS）中，按照下面给出的代码写下目标为

.bgImage

的代码，将其背景设置为提供的URL或路径，并使用

导入“/App.CSS”将CSS文件导入主文件中


.bgImage{
背景：url（./media/hero.jpg）无重复中心；
//其他一些属性
}
您的背景图像位于create react应用程序的错误目录中。将
/src/background.jpg
移动到
/public/background.jpg
如果没有更多详细信息，将无法回答此问题。尝试添加更多细节，或者使用CodeSandbox或类似工具提供一个可复制的示例。这是git hub上的repo，如果您能查看，我将非常感谢。我已经尝试过类似的方法，但问题是我需要背景是动态的，这样做可以静态地设置背景。这是git hub上的repo：您希望在一段时间后在同一页上更改背景还是在不同页上更改背景？我希望在不同页上更改背景我有4页我希望每个页都有不同的背景，我设法用backgroundColor属性做到了这一点，但不能用backgroundImage属性做到这一点。如果您有4个不同的页面，试试这个方法，在每个要显示图像的页面中设置不同的类名（例如，在第1页将其设置为
.bgImage1
，在第二页将其设置为
.bgImage2
等等），然后在CSS文件中分别针对这些类，即在
.bgImage1
中将背景属性设置为`background:url（./media/hero1.jpg）`然后将
.bgImage2
中的background属性设置为`background:url（./media/hero2.jpg）`并对所有4个图像元素设置相同的属性，然后导入CSS文件。这应该可以解决您的问题。谢谢