Que peut-on utiliser lors de l'écriture de code JavaScript dans JSX?

Lors de l'écriture de code JavaScript dans le cadre de JSX, vous pouvez utiliser :

• Variables et constantes : Pour afficher des valeurs dynamiques.
• Expressions : Arithmétiques, logiques, opérateur ternaire.
• Fonctions : Appels de fonctions pour générer des éléments ou effectuer une logique.
• Tableaux : Pour générer des listes d'éléments avec map.
• Rendu conditionnel : En utilisant if/else en dehors de JSX ou l'opérateur ternaire/logique && à l'intérieur de JSX.

// Exemple d'utilisation de variables et expressions
const name = 'React';
const greeting = <h2>Bonjour, {name}!</h2>;

// Exemple d'utilisation de fonction
function formatUser(user) {
  return user.firstName + ' ' + user.lastName;
}
const user = { firstName: 'John', lastName: 'Doe' };
const formattedUser = <p>Utilisateur : {formatUser(user)}</p>;

// Exemple d'utilisation de tableau et map
const numbers = [1, 2, 3];
const listItems = numbers.map((number) =>
  <li key={number}>{number * 2}</li>
);
const numberList = <ul>{listItems}</ul>;

// Exemple de rendu conditionnel
const isLoggedIn = true;
const statusText = isLoggedIn ? <p>Connecté</p> : <p>Déconnecté</p>;
const element = <div>{statusText}</div>;