Co można używać podczas pisania kodu JavaScript w JSX?

Podczas pisania kodu JavaScript w ramach JSX można używać:

• Zmienne i stałe: Do wyświetlania wartości dynamicznych.
• Wyrażenia: Arytmetyczne, logiczne, operator ternarny.
• Funkcje: Wywołania funkcji do generowania elementów lub wykonywania logiki.
• Tablice: Do generowania list elementów za pomocą map.
• Renderowanie warunkowe: Używając if/else poza JSX lub operatora ternarnego/logicznego && wewnątrz JSX.

// Przykład użycia zmiennych i wyrażeń
const name = 'React';
const greeting = <h2>Cześć, {name}!</h2>;

// Przykład użycia funkcji
function formatUser(user) {
  return user.firstName + ' ' + user.lastName;
}
const user = { firstName: 'John', lastName: 'Doe' };
const formattedUser = <p>Użytkownik: {formatUser(user)}</p>;

// Przykład użycia tablicy i map
const numbers = [1, 2, 3];
const listItems = numbers.map((number) =>
  <li key={number}>{number * 2}</li>
);
const numberList = <ul>{listItems}</ul>;

// Przykład renderowania warunkowego
const isLoggedIn = true;
const statusText = isLoggedIn ? <p>Zalogowano</p> : <p>Wylogowano</p>;
const element = <div>{statusText}</div>;