Forum de mathématiques - Bibm@th.net

BillyJC

Membre

Inscription : 14-07-2022

Messages : 10

React : Comment créer une liste dynamique d'éléments avec un rendu con

Je travaille sur un projet React et je souhaite créer une liste dynamique d'éléments qui s'affiche de manière conditionnelle en fonction des données reçues d'une API. Chaque élément doit avoir un titre et une description, et je veux les afficher dans des éléments div séparés.

Voici un exemple de la structure de données que je reçois de l'API :

const apiData = [
  { id: 1, title: "Item 1", description: "Description for Item 1" },
  { id: 2, title: "Item 2", description: "Description for Item 2" },
  { id: 3, title: "Item 3", description: "Description for Item 3" },
  // More items...
];
 

Maintenant, je veux mapper ces données et rendre dynamiquement chaque élément avec un rendu conditionnel. Si la description d'un élément est disponible, je souhaite l'afficher avec le titre dans l'élément div. Si la description n'est pas disponible (vide ou nulle), je veux afficher uniquement le titre.

Comment puis-je obtenir cette fonctionnalité dans mon composant React ? Toute aide ou exemple de code serait apprécié. Merci!