如何将scss文件作为prop传递给react组件？

Question

我有一个在整个应用程序中使用的组件，但是它的样式可能有所不同。 在我不重用此组件之前，知道了它的路径，才能够导入scss文件。 现在，我想使其可重用，并使其了解scss文件中的样式，有没有很好的方法呢？

Answer 1

如果我了解您的要求：您将无法做到。

这是因为import 'xxx.scss'是脱机执行的，因此在您构建应用程序时，捆绑程序（webpack或您正在使用的任何东西）将解析SCSS并将其转换为静态或内联CSS。

因此，您不能分发从道具读取SCSS文件的组件。尝试看看类似theme provider的东西。