css - ReactJS:扩展、覆盖 CSS 类

Question

我要

1. 从 CSS 文件导入样式类
2. 动态扩展或覆盖样式
3. 将新样式应用于 React 组件。

我想要实现的伪代码

import 'common.css'

function MyComponent() {

    if (somethingHappened) {
        style = extendOverrideStyle(styleClassFromCSS)
    } else {
        style = styleClassFromCSS
    }

    return (
        <SomeComponent className=style />
    )
}

我该怎么做？

更新: 在回复中查看我的答案，了解我最终是如何做到这一点的。

Answer 1

只需在您的 CSS 文件中创建一个新类来覆盖旧的 CSS。 然后按照

function MyComponent() {
    return (
        <div className={somethingHappened ? 'firstclass overwriteclass' : 
       'firstclass'}>
        <SomeComponent />
      </div>
    )
}