按字母顺序对 React-native FlatList 进行排序

Question

这是 flat lis 从中获取数据的数组

const DATA = [
{
  id: '1',
  name: 'Hamza Ahzam',
  phone: '03076232309',
  DOB: '05/07/96',
},
{
  id: '2',
  name: 'Ahzam',
  phone: '03156232323',
  DOB: '05/07/9',


},
{
  id: '3',
  name: 'Usman Ahmad Raza',
  phone: '03016232376',
  DOB: '05/07/99',

},

];

这是代码，其中平面列表仅显示名称数据我想根据 alphabates 对名称进行排序可以任何 1 帮助

const Details = ({navigation,name}) => {
const renderItem = ({ item }) => (
    <Item name={item.name}  />
  ); 
 const Item = ({ name }) => (
 <View style={styles.item}>
 <Text style={styles.name}>{name}</Text>
   </View>
  );
return (
<SafeAreaView style={styles.container}>
  <FlatList
    data={DATA}
    renderItem={renderItem}
    keyExtractor={item => item.id}
  />
</SafeAreaView>
);

Answer 1

在您的情况下，sort 方法可用于名称排序。试试下面的例子，

  <FlatList
   data={DATA.sort(function(a, b) {
    return (a.name < b.name) ? -1 : (a.name > b.name) ? 1 : 0;
   })
  }

它将根据名称属性对您的对象数组进行排序。

希望有用。

按字母顺序对 React-native FlatList 进行排序

Sorting React-native FlatList Alphabatically

reactjs

react-native

react-native-android