В настоящее время я работаю с текущей структурой в Firestore. Имя каждого поля - это время, и каждый раз содержит несколько совпадений. (Зависит от графика). Количество временных интервалов также варьируется.
Чтобы отобразить заголовок довольно просто, я просто делаю следующее:
render() {
return (
<table id='mytable'>
<thead>
<tr>
{ this.state.headers.map((header,index) =>
<th key={index}>{header} </th>
)}
</tr>
</thead>
</table>
)
}
Однако я хотел бы заполнить каждую строку следующим образом: | Время | Время [0] .teamA против Time [0] .teamB | Время 1 .teamA против Time 1 .teamB | ....
Я пробовал несколько разных способов, но не повезло.
Из базы данных Firebase я просто сохраняю все данные документа как один объект.