Co lze použít při psaní JavaScriptového kódu v JSX?

Při psaní kódu JavaScript v rámci JSX lze použít:

• Proměnné a konstanty: Pro zobrazování dynamických hodnot.
• Výrazy: Aritmetické, logické, ternární operátory.
• Funkce: Volání funkcí pro generování prvků nebo provádění logiky.
• Pole: Pro generování seznamů prvků pomocí map.
• Podmíněné vykreslování: Pomocí if/else mimo JSX nebo operátoru ternárního/logického && uvnitř JSX.

// Příklad použití proměnných a výrazů
const name = 'React';
const greeting = <h2>Ahoj, {name}!</h2>;

// Příklad použití funkce
function formatUser(user) {
  return user.firstName + ' ' + user.lastName;
}
const user = { firstName: 'John', lastName: 'Doe' };
const formattedUser = <p>Uživatel: {formatUser(user)}</p>;

// Příklad použití pole a map
const numbers = [1, 2, 3];
const listItems = numbers.map((number) =>
  <li key={number}>{number * 2}</li>
);
const numberList = <ul>{listItems}</ul>;

// Příklad podmíněného vykreslování
const isLoggedIn = true;
const statusText = isLoggedIn ? <p>Přihlášen</p> : <p>Odhlášen</p>;
const element = <div>{statusText}</div>;