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:

jsxfunction App() {
  const hide = false;
  
  return <div>
    {!hide && <p>text</p>}
  </div>;
}

jsxfunction App() {
  const isAuth = false;
  
  return <div>
    <p>lütfen giriş yapın</p>
  </div>;
}