Какво може да се използва при писане на JavaScript код в JSX?

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

• Променливи и константи: За показване на динамични стойности.
• Изрази: Аритметични, логически, тернарен оператор.
• Функции: Викащи функции за генериране на елементи или изпълнение на логика.
• Масиви: За генериране на списъци с елементи чрез map.
• Условен рендеринг: С използване на if/else извън JSX или тернарен/логически оператор && вътре в JSX.

// Пример за използване на променливи и изрази
const name = 'React';
const greeting = <h2>Здравей, {name}!</h2>;

// Пример за използване на функция
function formatUser(user) {
  return user.firstName + ' ' + user.lastName;
}
const user = { firstName: 'John', lastName: 'Doe' };
const formattedUser = <p>Потребител: {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>Влязъл</p> : <p>Излязъл</p>;
const element = <div>{statusText}</div>;