Was kann beim Schreiben von JavaScript-Code in JSX verwendet werden?

Beim Schreiben von JavaScript-Code im Rahmen von JSX können Sie verwenden:

• Variablen und Konstanten: Für die Anzeige dynamischer Werte.
• Ausdrücke: Arithmetische, logische, ternäre Operatoren.
• Funktionen: Funktionsaufrufe zur Generierung von Elementen oder zur Ausführung von Logik.
• Arrays: Zur Generierung von Elementlisten mit map.
• Konditionales Rendering: Mit if/else außerhalb von JSX oder dem ternären/logischen Operator && innerhalb von JSX.

// Beispiel für die Verwendung von Variablen und Ausdrücken
const name = 'React';
const greeting = <h2>Hallo, {name}!</h2>;

// Beispiel für die Verwendung einer Funktion
function formatUser(user) {
  return user.firstName + ' ' + user.lastName;
}
const user = { firstName: 'John', lastName: 'Doe' };
const formattedUser = <p>Benutzer: {formatUser(user)}</p>;

// Beispiel für die Verwendung eines Arrays und map
const numbers = [1, 2, 3];
const listItems = numbers.map((number) =>
  <li key={number}>{number * 2}</li>
);
const numberList = <ul>{listItems}</ul>;

// Beispiel für bedingtes Rendering
const isLoggedIn = true;
const statusText = isLoggedIn ? <p>Angemeldet</p> : <p>Abgemeldet</p>;
const element = <div>{statusText}</div>;