DropdownSection

children

OBLIGATOIRE

Nœud|fonction

Ce composant peut être rendu soit de manière déclarative, en passant directement un ensemble d'enfants, soit virtualisé, en passant un rappel de rendu (fonctionne comme enfants). Les seuls éléments autorisés à l'intérieur (ou renvoyés par le rappel de rendu) sont de type <DropdownItem>. La recommandation est d'utiliser le rappel de rendu lorsqu'un grand nombre d'éléments est fourni, car la liste des éléments sera virtualisée par le composant, augmentant ainsi les performances.

className

chaîne

Ajoute les noms de classe au composant. Doit être utilisé uniquement à des fins de positionnement et d'espacement.

items

éventail

Éléments à restituer, sous la forme d'une liste d'objets. Habituellement, chaque élément de l'éventail d'éléments contient les données requises pour générer le <DropdownItem> correspondant. Cet accessoire est requis lors du rendu des éléments avec le rappel de rendu (fonction comme enfants).

onLoadMore

fonction

Rappel déclenché lorsque davantage d'éléments doivent être chargés. Cela se produit lorsque vous chargez les éléments de manière paresseuse et que les éléments sur le point d'être rendus ne peuvent pas être trouvés dans l'éventail items Ce rappel doit être utilisé pour récupérer/charger les éléments manquants à partir du backend ou d'autres sources. La promesse renvoyée doit être résolue une fois le chargement des données de l'élément terminé. Il sera utilisé pour déterminer quand actualiser la liste avec les données nouvellement chargées. Ce rappel peut être appelé plusieurs fois en réaction à un seul événement de défilement.

rowCount

nombre

Nombre de lignes. Par défaut, il est égal à la longueur de l'éventail passé dans la propriété items. Vous devez spécifier rowCount lorsque vous connaissez le nombre total d'éléments mais que vous souhaitez les charger paresseusement pendant le défilement.

style

objet

Style en ligne pour un style personnalisé. Doit être utilisé uniquement à des fins de positionnement et d'espacement.

testId

chaîne

Ajoute un attribut data-test-id. Utilisez-le pour cibler le composant dans les tests unitaires et E2E. Pour qu'un identifiant de test soit valide, préfixez-le avec votre identifiant nerdpack, suivi d'un point. Par exemple, my-nerdpack.some-element.Remarque : vous ne verrez peut-être pas l'attribut data-test-id car ils sont supprimés du DOM. Pour les déboguer, transmettez un paramètre de requête e2e-test à l'URL.

title

chaîne

Titre de la section.