Web应用程序中不同页面的不同背景颜色

Question

我正在开发一个反应项目来制作一个Web应用程序。我有一个登录屏幕和用户登录后的主屏幕。这是我项目中唯一的两个组件。我希望登录页面有蓝色的身体背景，主页的白色身体颜色/背景。我读了几个线程

body#page1{
   background-color:#000;
}

这将有助于为每个页面的body标记提供id。但我不能在反应组件中包含body标签，因为它是不允许的。那么我怎样才能在两个不同的页面上实现不同的车身颜色。

Answer 1

有一个div并给它顶部，底部，左侧，右侧0px和绝对位置，这样无论大小如何，它都将覆盖整个屏幕。

<div className="page-one-bg">
   //all code of page 1
</div>

在你的css文件中

.page-one-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
}