在两个对象数组上反应Native FlatList循环

Question

我有一个包含对象的数组，在这些对象中有一个places键，它还有一个带有对象的数组，这里是数组：

cities = [
        {
            name: 'New York City',
            avatar: 'new-york-city.png',
            places: [
                {
                    name: 'Times Square',
                    avatar: 'times-square.png'
                },
                {
                    name: 'Manhattan',
                    avatar: 'manhattan.png'
                }
            ]
        },
        {
            name: 'Los Angeles',
            avatar: 'la.png',
            places: [
                {
                    name: 'Hollywood Boulevard',
                    avatar: 'hollywood-boulevard.png'
                },
                {
                    name: 'Venice Beach',
                    avatar: 'venice-beach.png'
                }
            ]
        },
    ];

使用FlatList显然它会遍历第一个数组，但在某些情况下我还需要访问places键内的对象。

知道FlatList只在第一个数组上循环，我如何通过FlatList循环遍历places键内的数组并访问它？

<FlatList
    data={cities}
    renderItem={({ item }) => <City data={item} />}
    keyExtractor={(item, index) => item.name}
/>