反应:文本和三元组合不起作用

时间:2019-05-08 03:14:21

标签: javascript reactjs

我要显示div的类取决于isAddingVarianisEditingVarian的状态,如果它们都为true,则类为float-right d-one,如果为false,则为{{ 1}}。我知道我可以这样做

float-right

但是我想要这样的东西

<div class={isAddingVarian || isEditingVarian?'float-right d-none':'float-right'}>

我该怎么做?

2 个答案:

答案 0 :(得分:4)

尝试一下

<div className={`float-right ${isAddingVarian || isEditingVarian? "d-none":''} `}></div>

答案 1 :(得分:1)

设置方式将永远不会使其变为三元表达式,包含chars的字符串将始终为true,而||运算符返回第一个真值。

您只需要重新考虑逻辑并进行不同的设置即可。