如何根据条件删除CSS类

Question

嗨，我正在为一个按钮编写反应代码。这是代码：

<Button
block={true}
className={`sc-pc-action-button ${className}`.trim()}
disabled={disabled}
onClick={onClick}
> Click me
</Button>

有一个条件，我不需要这个sc-pc操作按钮css。

现在这个类sc pc操作按钮是硬编码的。

我如何编写一个CSS，告诉我忽略sc-pc-action-button的内容，并使用我提供的新CSS。

我需要一个CSS解决方案来删除属性。我不需要JS解决方案

Answer 1

<Button
block={true}
className={`${someCondition ? "sc-pc-action-button" : ""} ${className}`.trim()}
disabled={disabled}
onClick={onClick}
> Click me
</Button>