css - 有条件地添加一个 CSS 值

Question

在 Home.js 我有以下代码

<div id="sub-container">
...
</div>

在 home.css 我有以下代码

#sub-container {
    ... // A lot of css
}

我想有条件地向 css 添加一个值。我找到的唯一解决方案是创建一个新块并在那里添加该行

{condition ? (<div id="sub-container">) : (<div id="sub-container-2">)

#sub-container-2 {
    ... // A lot of css
justify-content: flex-end;
}

是否有另一种优化代码的解决方案？

标签： cssreactjs

Answer 1

你可以这样做

<div id={condition ? 'sub-container' : 'sub-container-2'}></div>