如何解决当类名是字符串时,React 不读取 css
我选择了一个使用 className={css.someStyle} 格式将 css 链接到组件的 react 项目。问题是我安装了一个包,但我无法从中获取任何 css,因为我的应用程序只采用我在上面向您展示的 className,而我看到的包使用 className="some_style" 格式。 如何让我的应用接受 className="some_style" 格式?
解决方法
如果您提供的信息正确,则该应用正在使用 CSS 模块。这就是为什么您会看到 className={something.something}。 className 默认使用两种不同的方式来上课。
- className="string" - 字符串可以是任何格式,如 'string-string'、'string__string' 或其他格式。请注意,如果您有一个由空格分隔的字符串,它将成为两个不同的类。
- className={variable} - 使用此语法,您可以在大括号之间传递变量、css 模块和表达式。
回答您的问题:没有什么可以阻止您使用 synthax className="some_style"。请确保您没有像 className={"some_style"} 那样用 {} 包围字符串,因为这不起作用。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。