Что можно использовать при написании JavaScript-кода в рамках JSX?

При написании JavaScript-кода в рамках JSX можно использовать:

• Переменные и константы: Для вывода динамических значений.
• Выражения: Арифметические, логические, оператор тернарного условия.
• Функции: Вызов функций для генерации элементов или выполнения логики.
• Массивы: Для генерации списков элементов с помощью map.
• Условный рендеринг: С использованием if/else вне JSX или оператора тернарного условия/логического && внутри JSX.

// Пример использования переменных и выражений
const name = 'React';
const greeting = <h2>Hello, {name}!</h2>;

// Пример использования функции
function formatUser(user) {
  return user.firstName + ' ' + user.lastName;
}
const user = { firstName: 'John', lastName: 'Doe' };
const formattedUser = <p>User: {formatUser(user)}</p>;

// Пример использования массива и map
const numbers = [1, 2, 3];
const listItems = numbers.map((number) =>
  <li key={number}>{number * 2}</li>
);
const numberList = <ul>{listItems}</ul>;

// Пример условного рендеринга
const isLoggedIn = true;
const statusText = isLoggedIn ? <p>Logged in</p> : <p>Logged out</p>;
const element = <div>{statusText}</div>;