在React Native App中得到警告“列表中的每个孩子都应该有一个唯一的关键道具”

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

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

const ListItem = ({ item }) => (
  <View key={item.id}>
    <Text>{item.name}</Text>
  </View>
);

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

export default App;