如何在同一个FlatList中列出两个不同的数据？

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

const data1 = [
  { id: 1, name: 'Data 1 Item 1' },
  { id: 2, name: 'Data 1 Item 2' },
  { id: 3, name: 'Data 1 Item 3' },
];

const data2 = [
  { id: 1, name: 'Data 2 Item 1' },
  { id: 2, name: 'Data 2 Item 2' },
  { id: 3, name: 'Data 2 Item 3' },
];

const App = () => {
  const renderItem = ({ item }) => (
    <View>
      <Text>{item.name}</Text>
    </View>
  );

  const keyExtractor = (item) => item.id.toString();

  const mergedData = data1.concat(data2);

  return (
    <FlatList
      data={mergedData}
      renderItem={renderItem}
      keyExtractor={keyExtractor}
    />
  );
};

export default App;