如何重新构造复杂Json响应以在SectionList React native中显示

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

const originalResponse = {
  sections: [
    {
      title: 'Section 1',
      data: [
        { id: 1, name: 'Item 1' },
        { id: 2, name: 'Item 2' },
      ],
    },
    {
      title: 'Section 2',
      data: [
        { id: 3, name: 'Item 3' },
        { id: 4, name: 'Item 4' },
      ],
    },
  ],
};

const restructuredData = originalResponse.sections.map((section) => ({
  title: section.title,
  data: section.data.map((item) => ({
    key: item.id.toString(),
    label: item.name,
  })),
}));

const SectionListExample = () => {
  return (
    <SectionList
      sections={restructuredData}
      renderSectionHeader={({ section }) => (
        <View>
          <Text>{section.title}</Text>
        </View>
      )}
      renderItem={({ item }) => (
        <View>
          <Text>{item.label}</Text>
        </View>
      )}
    />
  );
};

export default SectionListExample;