Operatori Ternar në JSX

Siç e dini tashmë, brenda kllapave kaçurrel mund të ekzekutoni kodin JavaScript. Në fakt ky kod mund të jetë jo çfarëdo, por vetëm më i thjeshti.

Në veçanti, kushtet if nuk mund të përdoren atje. Në vend të kësaj, duhet të përdorni variantet e shkurtuara të kushteve.

Në varësi të vlerës së konstantës show le të shfaqim një tekst ose një tjetër. Le të përdorim për këtë operatorin ternar:

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

Mund të punohet jo vetëm me tekste, por edhe me tagje:

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

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