Ternaarne operaator JSX-is

Nagu te juba teate, saab lokkis sulgudes käivitada JavaScripti koodi. Tegelikult see kood ei saa olla suvaline, vaid ainult kõige lihtsam.

Eelkõige ei saa seal kasutada tingimusi if. Selle asemel tuleks kasutada lühendatud tingimuste variante.

Olenevalt konstandi show väärtusest kuvame ühe või teise teksti. Kasutame selleks ternaarset operaatorit:

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

Saab töötada mitte ainult tekstidega, vaid ka siltidega:

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

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