如何在React-Native中访问屏幕上的嵌套数组数据

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

class NestedArrayScreen extends Component {
  state = {
    data: [
      {
        name: 'Category 1',
        items: [
          { id: 1, name: 'Item 1' },
          { id: 2, name: 'Item 2' },
          { id: 3, name: 'Item 3' },
        ],
      },
      {
        name: 'Category 2',
        items: [
          { id: 4, name: 'Item 4' },
          { id: 5, name: 'Item 5' },
          { id: 6, name: 'Item 6' },
        ],
      },
    ],
  };

  renderCategory = ({ item }) => (
    <View>
      <Text>{item.name}</Text>
      <FlatList
        data={item.items}
        renderItem={({ item }) => <Text>{item.name}</Text>}
      />
    </View>
  );

  render() {
    return (
      <FlatList
        data={this.state.data}
        renderItem={this.renderCategory}
        keyExtractor={(item) => item.name}
      />
    );
  }
}

export default NestedArrayScreen;