相关疑难解决方法(0)

从对象数组渲染React组件

我有一些叫做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元素?

javascript reactjs

82
推荐指数
3
解决办法
20万
查看次数

标签 统计

javascript ×1

reactjs ×1