如何在同一div中添加引导类和条件类？

Question

以下是我的代码：

<div className={temp} 
style={{ padding: "2px", marginBottom: "5px" }}
className="panel panel-default"
>

在这里我应该如何添加条件类和引导类？

Answer 1

您可以在单个字符串中用空格分隔要应用的类。

假设您要检查某个条件，如果满足，则要应用$match: { "demographics": { "key": "gender", "value": "female" } } 类，否则要应用btn-success类，前提是该按钮将保持较小状态，而不管（具有btn-danger类）。

btn-sm

Answer 2

使用模板字符串，您可以这样做：

className={`panel panel-default ${condition ? temp : ''}`}

或者没有它们

className={"panel panel-default " + (condition ? temp : '')}