Javascript 多条件

Question

我是 Javascript 的初学者，正在尝试编辑现有代码。 我的目标是为何时显示一些图形添加多个语句。

var unique1 = ['TRIGGER','d2','d3'];
var unique2 = ['d1'];
var unique3 = ['TRIGGER'];
var out1 = ['TRIGGER','d2','d2','d3'];
var out2 = ['d1'];
var out3 = ['TRIGGER'];

<div className="block">
    { out1.indexOf('TRIGGER') < 0 || unique1.length > 1 && (
        <div className="class1">
        </div>
    )}
    { out2.indexOf('TRIGGER') < 0 || unique2.length > 1 && (
        <div className="class2">
        </div>
    )}
    { out3.indexOf('TRIGGER') < 0 || unique3.length > 1 && (
        <div className="class3">
        </div>
    )}
</div>

预期输出：

<div className="block">
        <div className="class1">
        </div>
        <div className="class2">
        </div>
</div>

我得到的输出：

<div className="block">
        <div className="class1">
        </div>
</div>

Answer 1

尝试使用这样的括号：

{ (out1.indexOf('TRIGGER') < 0 || unique1.length > 1) && (
    <div className="class1">
    </div>
)}