【发布时间】:2017-08-04 10:39:53
【问题描述】:
我正在寻找一种简单的方法来选择我的 css 中现有的反应元素。我试过搜索它,但只找到了关于我可以使用的大量库的令人困惑的答案,而且似乎没有一个适合我想要做的。
我想要一个常规的.scss 文件,如果我有名为Foo 的反应元素,我可以这样做:
Foo {
color: red;
}
这很好,因为我可以继续使用我喜欢的.scss 文件,并且可以选择组件。我怎样才能做到这一点(或实现类似的行为)?
请注意,我不是创建元素的人,所以我不能只将一个类应用于所有元素。
【问题讨论】:
-
没办法。 React 组件的名称仅存在于 JS 中。它们不会以任何方式呈现在 HTML 中(仅在未处理的 JSX 中),因此您不能使用 CSS 来设置“任何东西”的样式
-
@Anarion 可能有用于此目的的预处理器或工具。这就是我要找的
-
我总是通过 className 调用 react 元素并在 Sass 中设置样式,在下面查看我的答案