【问题标题】:React doesn't read css when the classname is string当类名是字符串时,React 不读取 css
【发布时间】:2021-06-17 22:22:59
【问题描述】:

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

【问题讨论】:

  • 我不明白。如果可以,请编辑问题。文本量加倍。将您拥有的所有信息放入其中。例如,使用# Problem# What I did# Question 等标题制作多个文本块。
  • 未来的专业提示:截图或图像!

标签: css reactjs classname


【解决方案1】:

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

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-06-20
    • 2021-05-03
    • 2010-11-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-11-18
    相关资源
    最近更新 更多