React native React本机平面列表renderItem
我有一本数组字典。我要将所有值呈现给flatlist。 我尝试:React native React本机平面列表renderItem,react-native,React Native,我有一本数组字典。我要将所有值呈现给flatlist。 我尝试: renderItem={({item})=>item.A.id} 但我不返回任何值。请帮帮我。谢谢 ArrAccount: { "A": [ { "id": 1, "name": "Anh Tuan Nguyen", "age": 28 }, { "id": 2, "name": "An Nhien", "age": 2 }
renderItem={({item})=>item.A.id} 但我不返回任何值。请帮帮我。谢谢
ArrAccount: {
"A": [
{
"id": 1,
"name": "Anh Tuan Nguyen",
"age": 28
},
{
"id": 2,
"name": "An Nhien",
"age": 2
},
],
"Z": [
{
"id": 3,
"name": "Thanh Tu Pham",
"age": 32
},
{
"id": 4,
"name": "Tien Thanh",
"age": 24
},
]
}
您应该像这样使用
renderItem
:
renderItem = {({item:data}) => <Text>data.id</Text>}
{ArrAccount.map((item) =>
<FlatList
data={item}
renderItem={({item}) => <Text>{item.name}</Text>}
/>
)
}
renderItem={({item:data})=>data.id}
这将列出所有的ID
注意:此样式非常简单,您可以自定义项目的样式。如果您的
字段类似于此.props.myArrayAccount
字段
this.props.myArrayAccount = {
ArrAccount: {
"A": [
{
"id": 1,
"name": "Anh Tuan Nguyen",
"age": 28
},
{
"id": 2,
"name": "An Nhien",
"age": 2
},
],
"Z": [
{
"id": 3,
"name": "Thanh Tu Pham",
"age": 32
},
{
"id": 4,
"name": "Tien Thanh",
"age": 24
},
]
}
}
const myArrayAccount = this.props.myArrayAccount.ArrAccount
const ArrAccount = Object.keys(myArrayAccount).map((key)=> myArrayAccount[key])
因为你的道具
里面有不止一个对象,你应该映射
对象,而不是映射平面列表
组件
您在FlatList
组件中输入的数据应如下所示:
renderItem = {({item:data}) => <Text>data.id</Text>}
{ArrAccount.map((item) =>
<FlatList
data={item}
renderItem={({item}) => <Text>{item.name}</Text>}
/>
)
}
{ArrAccount.map((项)=>
{item.name}
/>
)
}
我尝试了,但没有返回值。{data.id}}/>谢谢。但我想得到数组的所有值(A和Z或many)。你有什么办法可以帮我吗?我已经更新了我的答案来获取你的物品的价值。告诉我,如果这个解决了你的问题,你的问题解决了吗?