反应。为什么一个 FC 中的 css 类 在不导入的情况下在其他组件中工作？
React. Why css classes from one FC work in other components without importing?
我有一个组件。对于这个组件，我创建了 css 文件，其中包含 class“活动”的描述，并将其导入到组件中。同样在这个组件中，我使用了来自 React Router 的 NavLink。当用户点击此元素时，NavLink 会为元素 class 提供“活动”。
在完全独立的其他组件中，我也使用 NavLink。而且我没有导入带有“活动”class 描述的 css 文件。但是来自第一个组件的 class "active" 的所有样式在这里也适用。这意味着该组件中的元素看起来不像它们应该的样子。
为什么会这样？
以及如何为每个组件制作 css 文件？
谢谢。
因为您给了它们相同的名称，如果您阅读 React 的工作原理，它会编译项目中的所有内容，并且所有具有相同 classes 名称的内容都可以在任何地方使用。
当我有两个不同的 CSS 文件用于两个不同的组件时，我注意到了这一点，但出于某种原因（我在上面写的原因）它采用了另一个文件的设计。
然后我将 class 的名称更改为其他名称并且它起作用了。
我有一个组件。对于这个组件，我创建了 css 文件，其中包含 class“活动”的描述，并将其导入到组件中。同样在这个组件中，我使用了来自 React Router 的 NavLink。当用户点击此元素时，NavLink 会为元素 class 提供“活动”。
在完全独立的其他组件中，我也使用 NavLink。而且我没有导入带有“活动”class 描述的 css 文件。但是来自第一个组件的 class "active" 的所有样式在这里也适用。这意味着该组件中的元素看起来不像它们应该的样子。
为什么会这样？ 以及如何为每个组件制作 css 文件？
谢谢。
因为您给了它们相同的名称，如果您阅读 React 的工作原理，它会编译项目中的所有内容，并且所有具有相同 classes 名称的内容都可以在任何地方使用。
当我有两个不同的 CSS 文件用于两个不同的组件时，我注意到了这一点，但出于某种原因（我在上面写的原因）它采用了另一个文件的设计。 然后我将 class 的名称更改为其他名称并且它起作用了。