【问题标题】:How to import CSS in React?如何在 React 中导入 CSS?
【发布时间】:2021-07-26 13:01:12
【问题描述】:

我正在尝试从 css 文件导入样式,但我收到一条错误消息,提示“未定义控件”。 我正在使用以下格式:

<div className={`${control} ${emailIsValid === false ? invalid : ''}`}>

下面是codesandox链接: https://codesandbox.io/s/eloquent-architecture-l5gsp?

【问题讨论】:

  • 您的沙箱没有相关代码。也建议你也在这里添加代码。
  • control 是一个变量而不是一个 CSS 类。变量定义了吗?

标签: html css reactjs


【解决方案1】:

https://codesandbox.io/s/eloquent-architecture-l5gsp?file=/src/App.js

试试这个,你正在使用 css 类作为变量

【讨论】:

    【解决方案2】:

    您不需要将控件添加为字符串文字,因为它只是您的 css 文件中的类名,因此无效 -

    <div className= {`control ${emailIsValid === false ? 'invalid' : ''}`}>
    

    【讨论】:

      【解决方案3】:

      在您的情况下,问题不在于 CSS 文件,而在于控件,它是一个应该在您的文件中定义的变量。

      【讨论】:

        猜你喜欢
        • 2017-02-12
        • 1970-01-01
        • 2018-07-03
        • 2017-10-10
        • 2016-02-03
        • 2020-04-15
        • 1970-01-01
        • 2018-11-10
        • 2021-04-11
        相关资源
        最近更新 更多