¿Qué se puede usar al escribir código JavaScript en JSX?

Al escribir código JavaScript en el marco de JSX, se puede utilizar:

• Variables y constantes: Para mostrar valores dinámicos.
• Expresiones: Aritméticas, lógicas, operador ternario.
• Funciones: Llamadas a funciones para generar elementos o realizar lógica.
• Arreglos: Para generar listas de elementos usando map.
• Renderizado condicional: Usando if/else fuera de JSX o el operador ternario/lógico && dentro de JSX.

// Ejemplo de uso de variables y expresiones
const name = 'React';
const greeting = <h2>Hola, {name}!</h2>;

// Ejemplo de uso de función
function formatUser(user) {
  return user.firstName + ' ' + user.lastName;
}
const user = { firstName: 'John', lastName: 'Doe' };
const formattedUser = <p>Usuario: {formatUser(user)}</p>;

// Ejemplo de uso de arreglo y map
const numbers = [1, 2, 3];
const listItems = numbers.map((number) =>
  <li key={number}>{number * 2}</li>
);
const numberList = <ul>{listItems}</ul>;

// Ejemplo de renderizado condicional
const isLoggedIn = true;
const statusText = isLoggedIn ? <p>Conectado</p> : <p>Desconectado</p>;
const element = <div>{statusText}</div>;