Šta se može koristiti prilikom pisanja JavaScript koda u 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>;