は、ネストされたマップでネイティブJSXに反応

Question

は、ネストされたマップとが必要です。ときに私、私はラインでのエラー「dutyPeriod.dutyItems.map（（dutyItem）=>（」理由は、前の行でJSXの。どのように私はJSXを持つことができます

 { 
     sectorHeader.map((dutyPeriod) => (
      <Text style={Styles.heading} /> 
      dutyPeriod.dutyItems.map((dutyItem) => (
      <SectorCell 
      flightNumber={`${dutyItem.flightLeg.scheduledFlightDesignator.airlineCode}${dutyItem.flightLeg.scheduledFlightDesignator.flightNumber}`} 
      flightDate={dutyItem.flightLeg.departureTimes.scheduled.localTime} 
      /> 
     )))) 
     } 

を把握するのは非常に紛らわしいです複数のマップを持って、私はJSXコードに} {を

Unexpected token, expected , 

{sectorHeader.map((dutyPeriod) => (
    <Text style={Styles.heading} /> 
    dutyPeriod.dutyItems.map((dutyItem) => (
^

Answer 1

サラウンドjsのコードを取得

エラー：？

{ 
dutyPeriod.dutyItems.map((dutyItem) => (
     <SectorCell 
     flightNumber={`${dutyItem.flightLeg.scheduledFlightDesignator.airlineCode}${dutyItem.flightLeg.scheduledFlightDesignator.flightNumber}`} 
     flightDate={dutyItem.flightLeg.departureTimes.scheduled.localTime} 
     /> 
    )) 
}