如何将JSON传递给ReactJS中的Sass？

Question

我正在使用Webpack的React/Redux应用程序来显示UI组件，并允许用户更改这些组件的颜色。我使用scss使用CSS模块进行样式设计。我宁愿将所有样式保留在scss文件中，而不是用JS做任何内联样式。我正在寻找一种方法将React组件的属性传递给相应的scss文件。

例如，我从React道具中获取按钮颜色。我需要找到一种方法将其转换为Sass变量并注入scss文件。有没有办法做到这一点？

Answer 1

我认为最好的选择是使用react-css-themr。有了它，您可以根据用户的选择分配班级名称，或者，您可以使用context-theming选择正确的scss来应用组件。

这是用于react-toolbox项目主题的材料组件，如果你想看一个很好的例子。