JSX да тернар оператори

Сиз билганингиздек, кавич ичида JavaScript кодни ишга тушириш мумкин. Аслида бу код хохлаганча эмас, балки энг содда код бўлиши мумкин.

Хусусан, if шартларини у ерда қўллаш mумкин эмас. Унинг ўрнига қисқартирилган шартларнинг вариантларидан фойдаланиш керак.

Келгила, константанинг қийматига боғлиқ равишда 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>;
}