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

Question

我想显示div的类取决于isAddingVarian或isEditingVarian的状态，如果它们都为true，则该类将为float-right d-one ；如果为false，则它将为float-right 。 我知道我可以这样

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

但我想要这样的东西

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

我怎样才能做到这一点？

Answer 1

尝试这个

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

Answer 2

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

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