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:

jsxfunction App() {
  const show = true;
  
  return <div>
    {show && <p>text</p>}
  </div>;
}

jsxfunction App() {
  const isAuth = true;
  
  return <div>
    <p>yetkilendirildiniz</p>
  </div>;
}