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; 
}