react native 静态数据数组 map()方法

app使用静态数据时,会出现数组存数组的情况,比如:

this.userData=[
   {
     id:1,
     name:"阿西",
     age:10,
     labelList:[{id:1,label_name:"大方"},{id:2,label_name:"幽默"},{id:3,label_name:"天然呆"}],
   },
]

现在使用flatlist渲染data数据:

<flatlist 
    data={this.userData}
    keyextractor={this._keyextractor}
    renderitem={({item})=>
        <view style={[styles.row,{marginRight:8}]}>
          {item.labelList.map((labels,key)=>(<text key={labels.id}>{labels.label_name}</text>))}
        <view>
    }
/>
_keyextractor=(item,index)=>item.id

使用map()方法将数组里面的数据返回。

style也可使用数组来定义样式。

日记本

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

赞赏支持
被以下专题收入,发现更多相似内容