O que pode ser usado ao escrever código JavaScript no JSX?

Ao escrever código JavaScript no âmbito do JSX, pode usar:

• Variáveis e constantes: Para exibir valores dinâmicos.
• Expressões: Aritméticas, lógicas, operador ternário.
• Funções: Chamadas de funções para gerar elementos ou executar lógica.
• Arrays: Para gerar listas de elementos usando map.
• Renderização condicional: Usando if/else fora do JSX ou operador ternário/lógico && dentro do JSX.

// Exemplo de uso de variáveis e expressões
const name = 'React';
const greeting = <h2>Olá, {name}!</h2>;

// Exemplo de uso de função
function formatUser(user) {
  return user.firstName + ' ' + user.lastName;
}
const user = { firstName: 'John', lastName: 'Doe' };
const formattedUser = <p>Usuário: {formatUser(user)}</p>;

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

// Exemplo de renderização condicional
const isLoggedIn = true;
const statusText = isLoggedIn ? <p>Conectado</p> : <p>Desconectado</p>;
const element = <div>{statusText}</div>;