Wat kan er worden gebruikt bij het schrijven van JavaScript-code in JSX?

Bij het schrijven van JavaScript-code binnen JSX kun je het volgende gebruiken:

• Variabelen en constanten: Voor het weergeven van dynamische waarden.
• Expressies: Wiskundige, logische, ternary operator.
• Functies: Functie-aanroepen voor het genereren van elementen of het uitvoeren van logica.
• Arrays: Voor het genereren van lijsten met behulp van map.
• Voorwaardelijke rendering: Met if/else buiten JSX of de ternary/logische operator && binnen JSX.

// Voorbeeld van gebruik van variabelen en expressies
const name = 'React';
const greeting = <h2>Hallo, {name}!</h2>;

// Voorbeeld van gebruik van functie
function formatUser(user) {
  return user.firstName + ' ' + user.lastName;
}
const user = { firstName: 'John', lastName: 'Doe' };
const formattedUser = <p>Gebruiker: {formatUser(user)}</p>;

// Voorbeeld van gebruik van array en map
const numbers = [1, 2, 3];
const listItems = numbers.map((number) =>
  <li key={number}>{number * 2}</li>
);
const numberList = <ul>{listItems}</ul>;

// Voorbeeld van conditioneel renderen
const isLoggedIn = true;
const statusText = isLoggedIn ? <p>Ingelogd</p> : <p>Uitgelogd</p>;
const element = <div>{statusText}</div>;