Как выбрать динамически несколько объектов?

Question

[Никита Андреевич]

const Slug =
        [
            {title: "тест", column:[
                {id: 0, subtitle: "О тест", urlColumn:[
                    {linktitle: 'Тестовое название', link: "yandex.ru"}
                ]},
                {id: 1, subtitle: "тест", urlColumn:[
                    {linktitle: 'Тестовое название', link: "yandex.ru"}
                ]},
                {id: 2, subtitle: "тест", urlColumn:[
                    {linktitle: 'Тестовое название', link: "yandex.ru"}
                ]},
                {id: 3, subtitle: "Исполнение", urlColumn:[
                    {linktitle: 'Тестовое название', link: "yandex.ru"}
                ]},
            ]},
          ]



{Slug.map((subItem) => 
<SubNavItem key={subItem.title}  subtitle={Slug[0].column('subtitle')} linktitle={Slug[1].column[3].urlColumn[0].linktitle} link={Slug[1].column[3].urlColumn[0].link}/>
                        )}

Не могу разобраться, как вытаскивать значения из const, когда их много и они являются вложенными. Статически получается, но тогда теряется весь смысл

Answer 1

[Pavel Shvedov]

Нужен еще один вложенный map по массиву column