Cosa si può usare quando si scrive codice JavaScript in JSX?

Scrivendo codice JavaScript all'interno di JSX, puoi utilizzare:

• Variabili e costanti: Per visualizzare valori dinamici.
• Espressioni: Aritmetiche, logiche, operatore ternario.
• Funzioni: Chiamate di funzioni per generare elementi o eseguire logica.
• Array: Per generare elenchi di elementi usando map.
• Rendering condizionale: Usando if/else fuori da JSX o l'operatore ternario/logico && all'interno di JSX.

// Esempio di utilizzo di variabili ed espressioni
const name = 'React';
const greeting = <h2>Ciao, {name}!</h2>;

// Esempio di utilizzo di funzione
function formatUser(user) {
  return user.firstName + ' ' + user.lastName;
}
const user = { firstName: 'John', lastName: 'Doe' };
const formattedUser = <p>Utente: {formatUser(user)}</p>;

// Esempio di utilizzo di array e map
const numbers = [1, 2, 3];
const listItems = numbers.map((number) =>
  <li key={number}>{number * 2}</li>
);
const numberList = <ul>{listItems}</ul>;

// Esempio di rendering condizionale
const isLoggedIn = true;
const statusText = isLoggedIn ? <p>Connesso</p> : <p>Sconnesso</p>;
const element = <div>{statusText}</div>;