Mit lehet használni JavaScript-kód írásakor JSX-ben?

A JSX keretében írt JavaScript-kód esetén a következőket használhatja:

• Változók és konstansok: Dinamikus értékek megjelenítéséhez.
• Kifejezések: Számítási, logikai, ternáris operátor.
• Függvények: Függvényhívások elemek generálására vagy logika végrehajtására.
• Tömbök: Az elemlisták generálásához map segítségével.
• Feltételes renderelés: if/else használatával JSX-en kívül vagy a && logikai operátorral JSX-en belül.

// Példa változók és kifejezések használatára
const name = 'React';
const greeting = <h2>Szia, {name}!</h2>;

// Példa függvény használatára
function formatUser(user) {
  return user.firstName + ' ' + user.lastName;
}
const user = { firstName: 'John', lastName: 'Doe' };
const formattedUser = <p>Felhasználó: {formatUser(user)}</p>;

// Tömb és map használatának példája
const numbers = [1, 2, 3];
const listItems = numbers.map((number) =>
  <li key={number}>{number * 2}</li>
);
const numberList = <ul>{listItems}</ul>;

// Feltételes renderelés példája
const isLoggedIn = true;
const statusText = isLoggedIn ? <p>Bejelentkezve</p> : <p>Kijelentkezve</p>;
const element = <div>{statusText}</div>;