当类名是字符串时，React 不读取 css

Posted 2023-03-16

【中文标题】当类名是字符串时，React 不读取 css

【英文标题】：React doesn't read css when the classname is string

【发布时间】：2021-06-17 22:22:59

【问题描述】：

我选择了一个 react 项目，它使用 className=css.someStyle 格式将 css 链接到组件。问题是我安装了一个包，但我无法从中获取任何 css，因为我的应用程序只采用我上面向您展示的 className，而我看到的包使用 className="some_style" 格式。 如何让我的应用接受 className="some_style" 格式？

【问题讨论】：

我不明白。如果可以，请编辑问题。文本量加倍。将您拥有的所有信息放入其中。例如，使用# Problem、# What I did 和# Question 等标题制作多个文本块。

未来的专业提示：截图或图像！

【参考方案1】：

如果您提供的信息是正确的，则该应用正在使用 CSS 模块。这就是为什么您会看到 className=something.something。 className 默认使用两种不同的方式来上课。

className="string" - 字符串可以是任何格式，例如 'string-string'、'string__string' 或其他格式。要知道，如果你有一个用空格分隔的字符串，它就会变成两个不同的类。 className=variable - 使用这种语法，您可以在大括号之间传递变量、css 模块和表达式。

回答您的问题：没有什么可以阻止您使用合成器 className="some_style"。请确保您没有用 将字符串括起来，例如 className="some_style"，因为这不起作用。