JSX'te && Operatörünün Kullanımı
Bir koşul doğruysa metin eklememiz,
yanlışsa hiçbir şey yapmamamız gerekebilir.
Bu, && operatörü kullanılarak yapılır.
Bir örnek üzerinde çalışmasını görelim.
Aşağıdaki kodda, show içinde
true varsa, metinli bir paragraf eklenecek,
false varsa, hiçbir şey eklenmeyecek:
function App() {
const show = true;
return <div>
{show && <p>text</p>}
</div>;
}
Aşağıdaki kod verilmiştir:
function App() {
const isAuth = true;
return <div>
<p>yetkilendirildiniz</p>
</div>;
}
Belirtilen metin paragrafının yalnızca
isAuth içinde true yazılıysa gösterilmesini sağlayın.