Čo sa dá použiť pri písaní JavaScript kódu v JSX?

Pri písaní JavaScript kódu v rámci JSX môžete použiť:

• Premenné a konštanty: Na zobrazovanie dynamických hodnôt.
• Výrazy: Aritmetické, logické, ternárny operátor.
• Funkcie: Volania funkcií na generovanie prvkov alebo vykonávanie logiky.
• Pole: Na generovanie zoznamov prvkov pomocou map.
• Podmienečné vykresľovanie: S použitím if/else mimo JSX alebo ternárneho/logického && vo vnútri JSX.

// Príklad použitia premenných a výrazov
const name = 'React';
const greeting = <h2>Ahoj, {name}!</h2>;

// Príklad použitia funkcie
function formatUser(user) {
  return user.firstName + ' ' + user.lastName;
}
const user = { firstName: 'John', lastName: 'Doe' };
const formattedUser = <p>Používateľ: {formatUser(user)}</p>;

// Príklad použitia poľa a map
const numbers = [1, 2, 3];
const listItems = numbers.map((number) =>
  <li key={number}>{number * 2}</li>
);
const numberList = <ul>{listItems}</ul>;

// Príklad podmienečného vykresľovania
const isLoggedIn = true;
const statusText = isLoggedIn ? <p>Prihlásený</p> : <p>Odhlásený</p>;
const element = <div>{statusText}</div>;