How to use

date

function

in

Array

render() {
    const { isLoaded, post } = this.state;

    if (!isLoaded) {
     return <div>Loading...</div>;
    }

    return (
      <div className="blog-post">
        <h2 className="blog-post-title">{post.title}</h2>
        <p className="blog-post-meta">{new Date(post.date).toUTCString()} by <a href="/about/">{post.author}</a></p>
        <p><img width="480" src={post.image} alt="" /></p>
        <p>{post.summary}</p>
        <p>{post.fullText}</p>
      </div>
    );
  }

//前景信息
renderForeground() {

 return(
  <View style={{flex:1}}>
   <View style={{flex:1,justifyContent:'center',alignItems:'center',backgroundColor:'rgba(0,0,0,0)',marginTop:20}}>
       <Text style={{fontSize:25,fontWeight:'800',marginTop:4,color:'white'}}>{this.state.weather.city}</Text>
       <Text style={{fontSize:17,fontWeight:'800',textAlign:'center',color:'white',marginTop:4,marginBottom:4}}>{this.state.weather.weather}</Text>
   </View>
   <View style={{flex:1,flexDirection:'row',justifyContent:'center',backgroundColor:'rgba(0,0,0,0)',marginTop:-10}}>
        <View style={{flex:1,padding:2,justifyContent:'center',alignItems:'flex-end'}}>
         <Image source={require('../Images/sunny.gif')} style={{height:80,width:80,resizeMode:'contain',padding:2}}/>
        </View>
        <View style={{flex:1,justifyContent:'center',alignItems:'flex-start',padding:2}}>
         <Text  style={{fontSize:40,fontWeight:'400',textAlign:'center',color:'white'}}>{this.state.weather.h_tmp}</Text>
         <Text  style={{fontSize:15,fontWeight:'200',textAlign:'center',color:'white'}}>{this.state.weather.l_tmp}</Text>
        </View>
   </View>
   <View style={{flex:1,flexDirection:'column',backgroundColor:'rgba(0,0,0,0)'}}>
     <View style={{flex:1,flexDirection:'row',justifyContent:'space-between',alignItems:'flex-end'}}>
        <Text style={{margin:5,color:'white'}}>Today:{this.state.weather.date} Time:{this.state.weather.time}</Text>
        <Text style={{margin:5,color:'white'}}>{this.state.weather.WS}</Text>
     </View>
   </View>
 </View>);
 }