JSX'te Üçlü Operatör

Zaten bildiğiniz gibi, kıvrımlı parantezlerin içinde JavaScript kodu çalıştırabilirsiniz. Aslında bu kod herhangi biri değil, yalnızca en basiti olabilir.

Özellikle, if koşulları orada kullanılamaz. Bunun yerine kısa koşul varyantları kullanılmalıdır.

show sabitinin değerine bağlı olarak bir veya başka bir metin gösterelim. Bunun için üçlü operatörü kullanalım:

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

Sadece metinlerle değil, etiketlerle de çalışılabilir:

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

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