在嵌套映射中反应本机jsx

Question

需要有关嵌套地图的帮助。 很难弄清楚

      {
        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，我在“ dutyPeriod.dutyItems.map（（dutyItem）=>（”行中收到错误。当我有多个地图时，如何拥有jsx？

我得到的错误

Unexpected token, expected ,

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

Answer 1

在jsx代码中用{}包围js代码：

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