Цикл по карте в React

У меня есть объект Map:

let dateJobMap = new Map();

for (let jobInArray of this.state.jobs) {
  let deliveryDate: Date = new Date(jobInArray.DeliveryDate);
  let deliveryDateString: string = deliveryDate.toLocaleDateString("en-US");

  if (dateJobMap.has(deliveryDateString)) {
    let jobsForDate: IDeliveryJob[] = dateJobMap.get(deliveryDateString);
    jobsForDate.push(jobInArray);
  }
  else {
    let jobsForDate: IDeliveryJob[] = [jobInArray];
    dateJobMap.set(deliveryDateString, jobsForDate);
  }
}

В моем методе render я хочу вызвать объект TruckJobComp для каждого задания доставки в массиве значений, чтобы отобразить его:

        <div className={ styles.column }>
          <p className={ styles.description }>{escape(this.props.description)}</p>

          {
            dateJobMap.forEach(function(jobsForDate, dateString) {
              jobsForDate.map(job => (
                <TruckJobComp job = { job } />
              ))
            })
          }
        </div>

Кажется, что это должно работать, но нет. Он никогда не создает TruckJobComp. Я .forEach итерацию .forEach на моей Map, и для каждого array value я использую .map чтобы получить отдельный объект задания для отправки объекту TruckJobComp.

Когда я создаю array temp для захвата заданий из последнего цикла:

let tempJobs: IDeliveryJob[];

и в цикле добавить:

  if (dateJobMap.has(deliveryDateString)) {
    let jobsForDate: IDeliveryJob[] = dateJobMap.get(deliveryDateString);
    jobsForDate.push(jobInArray);

    tempJobs = jobsForDate;
  }

а затем использовать этот array в рендере:

          <div className={ styles.column }>
            <p className={ styles.description }>{escape(this.props.description)}</p>
            {
              tempJobs.map(job => (
                <TruckJobComp job = { job }/>
              ))
            }
          </div>

Он отображается так, как ожидалось.

У меня есть предупреждения в коде Visual Studio:

Warning - tslint - ...\TruckDeliverySchedule.tsx(104,38): error no-function-expression: Use arrow function instead of function expression

Я не знаю достаточно, чтобы понять. Строка 104 соответствует:

dateJobMap.forEach(function(jobsForDate, dateString) {

Я очень новичок в этом, поэтому я не уверен на 100%, как это работает. Просто пытаясь разложить кусочки, которые я изучил, чтобы заставить работать.

Второе редактирование:

{Побег (this.props.description)}

{
  [...dateJobMap.keys()].map(jobsForDate => // line 154
    jobsForDate.map(job => (
      <TruckJobComp job = { job } />
    ))
  )
}

Производит ошибку:

[09:06:56] Error - typescript - src\...\TruckDeliverySchedule.tsx(154,27): error TS2461: Type 'IterableIterator<any>' is not an array type.