Ternarni operator v JSX

Kot že veste, znotraj zavitih oklepajev lahko izvajate JavaScript kodo. Pravzaprav ta koda ne more biti poljubna, ampak le zelo preprosta.

Zlasti pogojev if tam ni mogoče uporabiti. Namesto tega je treba uporabljati skrajšane različice pogojev.

Odvisno od vrednosti konstante show prikažimo eno ali drugo besedilo. Uporabimo za to ternarni operator:

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

Lahko delate ne le z besedili, ampak tudi z oznakami:

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

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