How to use

city

function

in

Array

//会动的头部
renderStickyHeader() {
  return(
   <View style={{backgroundColor:'rgba(0,0,0,0)',marginTop:20}}>
       <Text style={{fontSize:25,fontWeight:'800',color:'white',marginTop:4}}>{this.state.weather.city}</Text>
   </View>
  );
}

this.state.json[this.state.index.provinceIndex].city.map((array, index) => (<option key={index} data-index={index}>{array.name}</option>))

render() {
    const {user} = this.state
    return (
      <>
        <section className="user-panel-data">
          <h4>
            Adres:
          </h4>
          <p>{user.firstname}&nbsp;{user.lastname}</p>
          <p>{user.address}</p>
          <p>{user.zipCode}&nbsp;{user.city}</p>
          <h4>
            Dane kontaktowe:
          </h4>
          <p>email:&nbsp;{user.email}</p>
          <p>telefon:&nbsp;{user.phone}</p>
        </section>
      </>
    )
  }

this.state.json[this.state.index.provinceIndex].city[this.state.index.cityIndex].area.map((array, index) => (<option key={index} data-index={index}>{array}</option>))

//前景信息
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>);
 }

  <p>{address.firstanem}&nbsp;{address.lastname}</p>
  <p>{address.address}</p>
  <p>{address.zipCode}&nbsp;{address.city}</p>
</section>
<section className="basket-step-3-details-content">