使用Flatlist显示嵌套的JSON React Native不显示数据

import React from 'react';
import { FlatList, Text, View } from 'react-native';

const data = [
  {
    id: 1,
    title: 'Item 1',
    nestedData: [
      { id: 11, title: 'Nested Item 1' },
      { id: 12, title: 'Nested Item 2' },
    ],
  },
  {
    id: 2,
    title: 'Item 2',
    nestedData: [
      { id: 21, title: 'Nested Item 3' },
      { id: 22, title: 'Nested Item 4' },
    ],
  },
];

const renderItem = ({ item }) => (
  <View>
    <Text>{item.title}</Text>
    <FlatList
      data={item.nestedData}
      keyExtractor={(nestedItem) => nestedItem.id.toString()}
      renderItem={({ item: nestedItem }) => (
        <Text>{nestedItem.title}</Text>
      )}
    />
  </View>
);

const App = () => (
  <FlatList
    data={data}
    keyExtractor={(item) => item.id.toString()}
    renderItem={renderItem}
  />
);

export default App;