У меня есть некоторые данные, называемые станциями, которые представляют собой массив, содержащий объекты.
stations : [
{call:'station one',frequency:'000'},
{call:'station two',frequency:'001'}
]
Я бы хотел отобразить компонент ui для каждой позиции массива. Пока я могу написать
var stationsArr = []
for (var i = 0; i < this.data.stations.length; i++) {
stationsArr.push(
<div className="station">
{this.data}
</div>
)
}
И затем отрисуйте
render(){
return (
{stationsArr}
)
}
Проблема в том, что я получаю всю распечатку данных. Вместо этого я хочу просто показать ключ типа {this.data.call}
, но ничего не печатает.
Как я могу прокручивать эти данные и возвращать новый элемент пользовательского интерфейса для каждой позиции массива?