javascript - 在 React Native 中，如何从 json 数组中动态获取 flatlist 中的键

Question

在平面列表中如何从 JSON 数据动态传递密钥

 Data:[{b:'1',c:'2',d:'3',e:'4'},                 
{b:'5',c:'6',d:'7',e:'8'}]



<Text style={{padding:10}}>{item.b}</Text>)}/>

标签： javascriptreact-native

Answer 1

import { FlatList } from 'react-native'; // Import FlatList

let data = [{b:'1',c:'2',d:'3',e:'4'},{b:'5',c:'6',d:'7',e:'8'}]; // Declare your array.

// Add FlatList into your view
<FlatList
   data={data}
   renderItem={this.renderListItem}
   keyExtractor={(item, index) => index.toString()}
/>

// In renderListItem, each object in the array will be passed in as a parameter.
renderListItem = ({ item }) => (
   <Text style={{padding:10}}>{item.b}</Text>)}/>
);