Как вывести значение из двух массивов в объекте в таблицу?

Не совсем получается сделать таблицу исходя из повторяющих значений. Это расписание и там необходимы 3 тега td
. Но пока не получается, чтобы выходило примерно такой результат
9:00
9:15
9:30
9:45
10:00
10:15
и тд
Вот в онлайн редакторе https://codepen.io/rusline/pen/NyBYVY?editors=0011
const time = {
hour: ['9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21'],
minutes: ['00', '15', '30', '45']
}
function TimeLesson(){
return(
<tbody>
{time.hour.map((hour) => {
time.minutes.map((minutes) => {
<tr>
<th scope='row'>{hour}:{minutes}</th>
<td></td>
<td></td>
<td></td>
</tr>
})
}
)}
</tbody>
);
}
24 февраля 2018 в 11:15
Ближайшие курсы

Интенсив “Java для начинающих”
Знакомство с Java
6
декабря
Введение в брендинг и бренд-платформу
Работа с целевой аудиторией и бренд-платформой
6
декабря

C# ASP.NET Core. Уровень 2
Cоздание веб-сайтов и порталов продвинутый уровень
7
декабря
Новые статьи

Как изменился Instagram в 2019 году
9800

IT-волонтёрство: первый боевой опыт в профессии
1372100

18 непростых вопросов о карьере и самореализации
75610
Новые вебинары

Верстка сайта со списком желаний к Новому году
29 декабря380

Вся аналитика в одном месте: PowerBI - инструмент маркетолога
27 декабря370

Что нужно, чтобы стать PR - Гуру
26 декабря110
Новые темы