如何在 React 中设置与主页的正文图像不同的样式？

Posted 2023-02-23

【中文标题】如何在 React 中设置与主页的正文图像不同的样式？

【英文标题】：How do I style the body image of the home page differently than other pages in React?

【发布时间】：2021-03-06 14:01:35

【问题描述】：

我尝试使用 useEffect 并且它适用于背景颜色！但是当我试图让它与背景图片一起工作时，它就不起作用了：

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

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

我可以使用另一种方法来设置与其他页面不同的主页正文样式吗？ div 上的类不起作用，因为我正在尝试设计整个身体的样式，所以我也得到了导航后面的空白。任何想法都非常感谢和欢迎！

【问题讨论】：

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

【参考方案1】：

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