Тернарни оператор у 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>;
}