React-native flatlist renderItem

Question

我有一個數組字典。我想把所有的價值都呈現在平板上。 我嘗試：

renderItem = {（{}項）=> 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 
    }, 
    ] 
} 

Answer 1

如果你喜歡這個

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]) 

因爲你propsthis.props.myArrayAccount場在其內部具有一個以上的對象，你應該首先應該map對象比映射Flatlist成分FlatList組件

您的數據應像這樣：

{ArrAccount.map((item) => 
    <FlatList 
     data={item} 
     renderItem={({item}) => <Text>{item.name}</Text>} 
    /> 
) 
} 

Answer 2

您應該使用renderItem這樣的：

renderItem = {({item:data}) => <Text>data.id</Text>} 

，這將列出所有的ID。

注意：這種風格非常簡單，您可以自定義物品的風格。