JSX-də JavaScript kodu yazarkən nə istifadə edilə bilər?

JSX daxilində JavaScript kodu yazarkən aşağıdakıları istifadə edə bilərsiniz:

• Dəyişənlər və sabitlər: Dinamik dəyərləri göstərmək üçün.
• İfadələr: Aritmetik, məntiqi, ternar operator.
• Funksiyalar: Elementlər yaratmaq və ya məntiqi yerinə yetirmək üçün funksiyaların çağırışları.
• Massivlər: map istifadə edərək elementlərin siyahısını yaratmaq.
• Şərti render: JSX xaricində if/else və ya JSX daxilində ternar/logik && operatorundan istifadə etməklə.

// Dəyişənlər və ifadələr nümunəsi
const name = 'React';
const greeting = <h2>Sala, {name}!</h2>;

// Funksiya nümunəsi
function formatUser(user) {
  return user.firstName + ' ' + user.lastName;
}
const user = { firstName: 'John', lastName: 'Doe' };
const formattedUser = <p>İstifadəçi: {formatUser(user)}</p>;

// Massiv və map istifadə nümunəsi
const numbers = [1, 2, 3];
const listItems = numbers.map((number) =>
  <li key={number}>{number * 2}</li>
);
const numberList = <ul>{listItems}</ul>;

// Şərti render nümunəsi
const isLoggedIn = true;
const statusText = isLoggedIn ? <p>Giriş edildi</p> : <p>Giriş edilmədi</p>;
const element = <div>{statusText}</div>;