css - 如何管理 React 组件的主题

Question

我想在我的 react-rails 项目中使用一种稳定且可扩展的方式来实现主题。目前，react 组件有自己的 CSS 文件，并且样式是使用 CSS-modules 管理的……为 react 组件设置不同的 CSS 主题的最佳方式是什么

具体要问

• 对于实现各种主题的 CSS 文件来说，什么是更好的文件组织？
• 如何将这些主题应用于现有的 react 组件，以便我可以将一个主题应用于根节点，并且组件树下的所有 react 组件都将应用主题？

Answer 1

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