Реагировать не на рендеринг реквизита, но можно увидеть в console.log

Question

в моем рендере, у меня есть const arr = []

В моем возвращении у меня есть

{
    this.state.rows.map((qc) =>
        qc.BinsByDayByOrchardsQCs.map((qc2) =>
            qc2.BinsByDayByOrchardsQCsDefects.map((qc3) =>
              {!arr.includes(qc3.Defect) && arr.push(qc3.Defect) &&
                (<div className="row table">
                    <div className="column-label bold">{qc3.Defect}</div>
                    {console.log("testing", qc3.Defect)}
                </div>)
              }
            ) 
        )
    )
}

В моем console.log я действительно вижу 4 результата, что является моим желаемым результатом. Это выглядит так:

testing Scuff
testing Sunburn
testing Bruise
testing Hail damage

Есть идеи, почему на странице ничего не отображается?

Answer 1

Поскольку у вас есть фигурные скобки {}, вам нужно либо заменить их на круглые скобки (), либо использовать явное выражение return:

qc2.BinsByDayByOrchardsQCsDefects.map((qc3) =>
    {!arr.includes(qc3.Defect) && arr.push(qc3.Defect) &&
        (<div className="row table">
            <div className="column-label bold">{qc3.Defect}</div>
            {console.log("testing", qc3.Defect)}
        </div>)
      )
    )