Javascript 如何在具有Item.description的列表视图中选择项目

这是应用程序，我想用不同的分类创建不同的屏幕。在这种情况下，我有皮肤科医生和医院，我怎么能只选择一个描述

 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,
       }
     ]
   });

   return(

我只想选择description==detrologista的项目 我该怎么做

   <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>

  
  
   

项目id}
renderItem={（{item}）=>{
返回(
{item.title}
{item.description}
)
}
}
/>

)

---

}

您可以使用

数组。筛选器

：

const filteredPlaces = state.places.filter( place => place.description === "Dermatologista" )

然后将

filteredPlaces

而不是整个对象传递给子组件。

试试这个

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

     }
 

}
/>

</SafeAreaView>

项目id}
renderItem={（{item}）=>{
item.description==“皮肤科医生”(
{item.title}
{item.description}
):""
}
}
/>