Css 如何使主页的正文图像的样式与React中的其他页面不同？

我尝试使用useEffect，它对背景色有效！但当我试图使它与背景图像一起工作时，它不会工作：

useEffect(() => {
        document.body.style.backgroundImage = "url('../images/5566.jpg')";
    }, []);

如果使用背景色而不是图像，我会做错什么

---

有没有其他方法可以让主页正文的样式与其他页面的样式不同？在一个div上的课是不起作用的，因为我试图设计整个身体的样式，所以我也得到了导航后面的空白。非常感谢和欢迎您的任何想法

您可以尝试将主页的组件包装到背景图像设置正常的组件中。

它无法识别路径，因为当我使用web图像URL时，它可以工作。。。