React JSX if shartlari

Shartlar - if operatorilar

React if so‘zlarini qo‘llab-quvvatlaydi, lekin JSX ichida emas.

JSX da shartli iboralardan foydalanish uchun if iboralarini JSX dan tashqariga qo‘yish kerak yoki uning o‘rniga uchlik ifodadan foydalanishingiz mumkin:

Variant 1:

if operatorlarini JSX kodidan tashqarida yozing:

function Fruit() {
  const x = 5;
  let y = "Apple";
  if (x < 10) {
    y = "Banana";
  }

  return (
    <h1>{y}</h1>
  );
}

Variant 2:

Buning o‘rniga uchlik iboralardan foydalaning:

function Fruit() {
  const x = 5;
  return (
    <h1>{(x) < 10 ? "Banana" : "Apple"}</h1>
  );
}