Как добраться до вложенного массива?

Question

[Dev-2020]

Я пытаюсь добраться до вложенного массива а конкретнее до массива "dishes" через метод map() но безуспешно.

const RESTAURANTS = [
    {
        id: "1",
        name: "Filada Family bar",
        type: "Bakery",
        favorite: true,
        hotOffer: true,
        hotOfferPromo: require("../images/offers/offer_1.png"),
        dishes: [
            {
                id: "1",
                name: "Filada Family bar",
                category: "cake",
                type: "Asian food",
                rating: "5.0",
                distance: "0.2 km - $$ -",
                image: require("../images/restaurants/restaurant_1.jpg"),
            },
        ],
    },
];

Обычно я использую следующий код только для первого массива но нужны данные массива "dishes".

{RESTAURANTS.map((item) => (
    <View key={item.id}>
        <Text>{item.name}</Text>
    </View>
))}

Comments

[WbICHA]

Но... Ты ведь даже и не пытаешься "добраться" до этого массива.

[Dev-2020]

Вот пример кода который я пытался реализовать:

{RESTAURANTS.map((restaurant) => restaurant.dishes.map((item) => item.name));}

[WbICHA]

Dev-2020, RESTAURANTS.flatMap