我们如何在react中显式地向组件添加样式。明确地说，我的意思是，如果我们要访问组件，则应应用样式；如果要离开该组件，则应删除样式。
场景1
假设我们有两个成分day和night，并且应用程序的默认background-color是白色。然后，如果我使用\访问night组件，那么back-ground的颜色应更改为黑色，如果我离开夜间组件，则背景色应更改回默认值
解决方案1
//night component
import React from "react";
import './style.css' //give background-color: black
，然后将具有background-color: white属性的其他样式表导入其他组件。但这并不理想，因为我们最终可能会向所有其他组件添加样式表。
答案 0 :(得分：0)
您可以阅读this，以获得可对组件进行样式设置的几种方式的概述，但是对于您的特定情况，我建议您使用Styled Components。这是一个js库，它结合了很好的旧样式表和内联css，让您动态地对组件进行样式设置。您可以阅读文档并亲自尝试，但根据您的情况，您将可以拥有一个background属性，其值取决于属性（例如day或night ）。试试看，您不会后悔的:)
答案 1 :(得分：0)