Ce se poate folosi la scrierea codului JavaScript în JSX?

Atunci când scrieți cod JavaScript în cadrul JSX, puteți utiliza:

• Variabile și constante: Pentru afișarea valorilor dinamice.
• Expresii: Aritmetice, logice, operator ternar.
• Funcții: Apeluri de funcții pentru generarea elementelor sau executarea logicii.
• Array-uri: Pentru generarea listelor de elemente folosind map.
• Renderizare condițională: Cu if/else în afara JSX sau operatorul ternar/logica && în interiorul JSX.

// Exemplu de utilizare a variabilelor și expresiilor
const name = 'React';
const greeting = <h2>Salut, {name}!</h2>;

// Exemplu de utilizare a funcției
function formatUser(user) {
  return user.firstName + ' ' + user.lastName;
}
const user = { firstName: 'John', lastName: 'Doe' };
const formattedUser = <p>Utilizator: {formatUser(user)}</p>;

// Exemplu de utilizare a array-urilor și map
const numbers = [1, 2, 3];
const listItems = numbers.map((number) =>
  <li key={number}>{number * 2}</li>
);
const numberList = <ul>{listItems}</ul>;

// Exemplu de renderizare condițională
const isLoggedIn = true;
const statusText = isLoggedIn ? <p>Conectat</p> : <p>Deconectat</p>;
const element = <div>{statusText}</div>;