javascript - 排序 react native FlatList

Question

如何按字母顺序对 FlatList 进行排序？

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

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

        ...

Answer 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))}
....