对象作为 React 子对象无效。 如果您打算渲染一组子项，请改用数组 - FlatList

Question

React-native Expo CLI ,FlatList I'm trying use a FlatList. but its showing me error as-

• Error: Objects are not valid as a React child (found: object with keys {seconds, nanoseconds}). If you meant to render a collection of children, use an array instead.

faltList code

{
 (PostLoaded)?<FlatList
  data = {PostData}
  keyExtractor = {item => item.key}
  renderItem={(itemData) => {
    const PostInfo = itemData.item;
    // console.log(PostInfo.Name);
    return(
      <View style={style.petshowContainer}>
        <Image source={{uri:PostInfo.Image}}
          style={{width:150,height:175,borderTopLeftRadius:10,borderBottomLeftRadius:10,}}
          resizeMode='cover'
        />
       <View style={{margin:10}}>
       <Text style={{fontSize:25}}>{PostInfo.Name}</Text>
       <View style={{flexDirection:'row',alignItems:'center'}}>
       <Text style={{fontSize:15,marginRight:20}}>{PostInfo.Age}/ {PostInfo.Breed}</Text>
       <Button mode='outlined' style={{borderColor:'blue'}}>{PostInfo.Gender}</Button>
    </View>
   <Text style={{marginBottom:5}}>Available for : </Text>
   <Text>{PostInfo.From_Date} - 11/10/2021</Text>
   <Button mode="contained" style={{marginTop:10}}>PetME</Button>
     </View>
    </View>
    )
}}
  style={{backgroundColor:'red'}}
  />:<Text>loading...</Text>
}

And Post Data is an array contains object received from firebase

PostData = [{name:"narendra",Age:5.......},{.....}]

Answer 1

这是由于错误的日期格式引起的

<Text>{PostInfo.From_Date} - 11/10/2021</Text>