Ternêre Operateur in JSX

Soos jy reeds weet, kan JavaScript-kode binne krulhakies uitgevoer word. Eintlik kan hierdie kode nie enige iets wees nie, maar net die eenvoudigste.

Spesifiek, kan voorwaardes if nie daar gebruik word nie. In plaas daarvan moet jy verkorte weergawes van voorwaardes gebruik.

Kom ons wys een of ander teks afhangende van die waarde van die konstante show. Laat ons die ternêre operateur gebruik:

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

Jy kan nie net met teks werk nie, maar ook met etikette:

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

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