我有一些叫做station的数据,它是一个包含对象的数组.
stations : [
{call:'station one',frequency:'000'},
{call:'station two',frequency:'001'}
]
Run Code Online (Sandbox Code Playgroud)
我想为每个数组位置渲染一个ui组件.到目前为止我可以写
var stationsArr = []
for (var i = 0; i < this.data.stations.length; i++) {
stationsArr.push(
<div className="station">
{this.data}
</div>
)
}
Run Code Online (Sandbox Code Playgroud)
然后渲染
render(){
return (
{stationsArr}
)
}
Run Code Online (Sandbox Code Playgroud)
问题是我正在打印所有数据.我想要只显示一个键,{this.data.call}但不打印任何东西.
如何遍历此数据并为数组的每个位置返回一个新的UI元素?