相同的css在不导入的情况下适用于所有组件



我正在学习react,在react中我正在制作组件并为每个组件制作css文件,但如果我制作一个className,我们可以说"临时的";那么如果我制作另一个组件,并且当我不导入前一个组件的css文件时;临时的";对于该组件的任何其他元素,它也采用css样式。我不知道为什么会发生这种事。

您可以在React项目中创建多个CSS文件和多个组件,并在需要时将它们连接起来。但这是你看到的,而不是发生的。React实际上将所有CSS代码转换为一个文件,然后输出。组件也是如此。您创建了几十个CSS和JS文件,但React为您创建了两个文件。在Recycling中,我们只创建一些文件来编写可读性更强的代码。如果你对此有问题,你可以研究React中的module.css,并使用它来防止这种情况发生在你身上。同样,如果您对此有任何疑问,我随时为您服务。

相关内容

最新更新