Я пытаюсь отобразить таблицу из пользовательского интерфейса материала с некоторыми данными, которые я выбрал.Я знаю, что мои данные выбираются правильно, потому что я могу console.log их из сохраненного состояния, однако, когда я пытаюсь отобразить это внутри строки таблицы, это не работает.Моя таблица успешно генерирует свои заголовки, просто содержит пустые данные для тела.
gameDataTableRow = scheduleData => {
scheduleData.map(game => {
console.log(game.scheduled); <--These console logs will display data properly
console.log(game.venue.name);
console.log(game.home.name);
console.log(game.away.name);
return (
<TableRow key={game.venue.id}>
<TableCell>{game.scheduled}</TableCell> <-- These cells wont render in the table row
<TableCell>{game.venue.name}</TableCell>
<TableCell>{game.home.name}</TableCell>
<TableCell>{game.away.name}</TableCell>
</TableRow>
);
});
};
render() {
console.log(this.state.games);
return (
<Table>
<TableHead>
<TableRow>
<TableCell numeric>Date</TableCell>
<TableCell>Venue</TableCell>
<TableCell>Home</TableCell>
<TableCell>Away</TableCell>
</TableRow>
</TableHead>
<TableBody>{this.gameDataTableRow(this.state.games)}</TableBody>
</Table>
);
}
}