排序 react-native FlatList

IT技术 javascript reactjs react-native sorting
2021-05-06 20:42:59

如何FlatList按字母顺序排序?

export default function PartnersList(props) {
  const { partners, onPartnerDetails } = props;

  return (
    <FlatList
      style={layout.list}
      contentContainerStyle={layout.listContainer}
      numColumns={2}
      data={partners}
      renderItem={({ item }) => (

        ...
1个回答

排序partners可以解决问题:

export default function PartnersList(props) {
  const { partners, onPartnerDetails } = props;

  return (
    <FlatList
      style={layout.list}
      contentContainerStyle={layout.listContainer}
      numColumns={2}
      data={partners.sort((a, b) => a.localeCompare(b))}
      renderItem={({ item }) => (

        ...

如果partners是字符串数组,则此方法有效

如果它是一个对象数组,那么您应该按该对象中的字符串排序。

例如,如果合作伙伴有一个name财产,则排序必须是:

....
data={partners.sort((a, b) => a.name.localeCompare(b.name))}
....