Итерировать по всем индексам массива в массиве с помощью метода карты Javascript

Question

Я уже некоторое время борюсь с этим и буду признателен за любые идеи, которые у вас есть, ребята ..

Вот как выглядят мои данные JSON ..

BinsByDayByOrchardsQCs [Array]> BinsByDayByOrchardsQCsDefects [Array]

Мне нужно отобразить каждый «Дефект» в таблице сетки, которая находится внутри массива BinsByDayByOrchardsQC 101, выглядит так:1012 *

На данный момент у меня есть {this.state.rows.map((qc) => <div className="row table">{qc.BinsByDayByOrchardsQCs[0].BinsByDayByOrchardsQCsDefects[0].Defect}</div>

Это в настоящее время возвращает урон, нанесенный градом, загаром, загаром, загаром, мой вопрос к вам, ребята, как мне вернуть вседефекты из всего массива, а не только [0]

Answer 1

Мне нравится использовать Lodash для манипулирования коллекциями.

Но вы также можете использовать вложенные карты :

{
    this.state.rows.map((qc) =>
        qc.BinsByDayByOrchardsQCs.map((qc2) =>
            qc2.BinsByDayByOrchardsQCsDefects.map((qc3) =>
                <div className="row table">
                    {qc3.Defect}
                </div>
            )
        )
    )
}