JSX ichida JavaScript kodini yozishda nima ishlatilishi mumkin?

JSX doirasida JavaScript kod yozayotganda quyidagilarni ishlatish mumkin:

• O'zgaruvchilar va konstantalar: Dinamik qiymatlarni chiqarish uchun.
• Ifodalar: Arifmetik, mantiqiy, ternar operator.
• Funktsiyalar: Elementlar yaratish yoki mantiqni bajarish uchun chaqiruvlar.
• Massivlar: map yordamida elementlar ro'yxatini yaratish.
• Shartli render qilish: JSX tashqarisida if/else yoki JSX ichida ternar/logik && operatoridan foydalanish.

// O'zgaruvchilar va ifodalar misoli
const name = 'React';
const greeting = <h2>Salom, {name}!</h2>;

// Funktsiya misoli
function formatUser(user) {
  return user.firstName + ' ' + user.lastName;
}
const user = { firstName: 'John', lastName: 'Doe' };
const formattedUser = <p>Foydalanuvchi: {formatUser(user)}</p>;

// Massiv va map ishlatish misoli
const numbers = [1, 2, 3];
const listItems = numbers.map((number) =>
  <li key={number}>{number * 2}</li>
);
const numberList = <ul>{listItems}</ul>;

// Shartli render qilish misoli
const isLoggedIn = true;
const statusText = isLoggedIn ? <p>Kirish amalga oshirildi</p> : <p>Kirish amalga oshirilmadi</p>;
const element = <div>{statusText}</div>;