Penggunaan Operator && dalam JSX

Kita mungkin perlu menyisipkan teks, jika kondisinya benar, dan tidak melakukan apa-apa, jika salah. Ini dilakukan dengan menggunakan operator &&.

Mari kita lihat cara kerjanya dengan contoh. Dalam kode berikut, jika dalam show bernilai true, maka paragraf dengan teks akan disisipkan, dan jika bernilai false, maka tidak ada yang akan disisipkan:

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

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