JSX'te Kısaltılmış Koşullar için Tersine Çevirme
Ters bir durum da olabilir: koşul yanlışsa metin
eklemek, doğruysa hiçbir şey yapmamak gerekir. Bunun
için, ! operatörü kullanılarak sabitin tersine
çevrilmesi gerekir.
Aşağıdaki örnekte, eğer hide içinde
false olursa, metinli bir paragraf eklenecektir:
function App() {
const hide = false;
return <div>
{!hide && <p>text</p>}
</div>;
}
Aşağıdaki kod verilmiştir:
function App() {
const isAuth = false;
return <div>
<p>lütfen giriş yapın</p>
</div>;
}
Verilen metin paragrafının sadece isAuth
içine false yazıldığında gösterilmesini
sağlayın.
