如何管理反应组件的主题

Question

我希望在react-rails项目中有一个稳定且可扩展的实现主题的方法。目前，react组件有自己的CSS文件，并且使用CSS模块管理样式...为反应组件设置不同CSS主题的最佳方法是什么

具体询问

• 什么是更好的文件组织的CSS文件 实施各种主题？
• 如何将这些主题应用于现有的反应组件，以便我可以 只需将一个主题应用于根节点和所有反应组件 落在组件树下会应用主题吗？

Answer 1

为每个主题制作不同的css文件。在那些（s）css文件中，您可以拥有主题类。喜欢每个主题的不同颜色。变量和类名称是相同的，内容会有所不同。这样，您可以始终传递相同的类名，并且内容将根据使用的主题css进行不同的呈现。