css - React js css 样式表应用于多个组件

Question

我有一个 父.js 带有子组件的组件 Child.js 在里面。

父.js 进口 parents.css

Child.js 进口 child.css

如果我在 中定义它child.css :

.example {
  font-family: 'Roboto', sans-serif;
}

我怎么能在 中使用这个 className父.js 组件也是如此，尽管没有在 中指定它父.css ?

Answer 1

除非您使用唯一的类名、CSS 模块或其他可用于将 CSS 样式范围限定到 React 中的任何组件的替代方案，否则任何 CSS 文件中指定的样式都将全局应用。
如果您想限制任何组件的样式，请使用 CSS 模块或确保每个类名在您的元素中都是唯一的。
CSS Modules的使用方法见Adding a CSS Modules Stylesheet .也可以看9 Ways To Implement CSS in React JS其他可用的替代品。