Tri de FlatList natif réactif

Question

Comment trier les FlatList par ordre alphabétique?

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

Trier partners ferait l'affaire:

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 }) => (

        ...

Cela fonctionne si partners est un tableau de chaînes.

S'il s'agit d'un tableau d'objets, vous devez trier par une chaîne dans cet objet.

par exemple, si le partenaire a une propriété name, le tri doit être:

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