類型錯誤：未定義不是對象（評估“item.id”）

Question

在這里，我創建了我稱之為“地方”的數據，該部分沒問題，但請記住，這不是我的應用程序主頁，它是一個功能{navigation}

export default function Search({ navigation }) {
const [state, setState] = useState({
      places: [
      {
        id: 1,
        title: 'Clinica da pele',
        description: 'Dermatologista',
        latitude:-2.42206406,
        longitude:-54.71947789,
      },
      {
        id: 2 ,
        title:'Unimed',
        description:'Hospital',
        latitude:-2.42501721,
        longitude:-54.71146077,
       },
      {
       id: 3,
       title: 'Dra. Josimar',
       description:'Dermatologista',
       latitude: -2.4288346,
       longitude:-54.7290553,
      }
    ]
  })

在這里，我嘗試重新編寫但由於某種原因它不起作用，錯誤在 item.id 中，但我不知道如何解決

     return(

       <SafeAreaView>
         <FlatList
           styles = {styles.PlaceContainer}
           showsVerticalScrollIndicator
           data={state.places.map}
           keyExtractor={item => item.id}
           renderItem={({ item }) => {
           return(
       <View key={item.id} style={styles.place} >
         <Text>{item.title}</Text>
         <Text>{item.description}</Text>
       </View>
     )
   }
 

}
/>

   </SafeAreaView>

Answer 1

您將FlatList綁定到state.places.map ，而應該是state.places ：

<SafeAreaView>
  <FlatList
    styles = {styles.PlaceContainer}
    showsVerticalScrollIndicator
    data={state.places}
    keyExtractor={item => item.id}
    renderItem={({ item }) => {
    return(
       <View key={item.id} style={styles.place} >
         <Text>{item.title}</Text>
         <Text>{item.description}</Text>
       </View>
     )
   }} />
</SafeAreaView>