JSX'теги тернардык оператор

Сиз буга чейин билгендей, ийри кашаанын ичинде JavaScript коду иштетилсе болот. Чындыгында, бул код каалагандай эмес, эң жөнөкөй болушу керек.

Анын ичинде if шарттары колдонулбайт. Ордуна кыскартылган шарттын варианттарын пайдалануу керек.

show константасынын маанисине жараша бир же башка текстти чыгаралы. Бул үчүн тернардык операторду колдонолу:

jsxfunction App() {
  const show = true;
  
  return <div>
    {show ? 'text1' : 'text2'}
  </div>;
}

Тексттер менен гана эмес, тегдер менен да иштөөгө болот:

jsxfunction App() {
  const show = true;
  
  return <div>
    {show ? <p>text1</p> : <p>text2</p>}
  </div>;
}

jsxfunction App() {
  const age = 19;
  
  return <div>
    
  </div>;
}