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:
function App() {
const show = true;
return <div>
{show ? 'text1' : 'text2'}
</div>;
}
Sadece metinlerle değil, etiketlerle de çalışılabilir:
function App() {
const show = true;
return <div>
{show ? <p>text1</p> : <p>text2</p>}
</div>;
}
Aşağıdaki kod verilmiştir:
function App() {
const age = 19;
return <div>
</div>;
}
Eğer age değişkeninde 18'den büyük
bir değer yazılıysa, div etiketinin
içinde kullanıcıya bir metinle bir paragraf
gösterin, eğer küçükse - başka bir metinle
gösterin.
