Penggunaan Operator && dalam JSX

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

Mari kita lihat cara kerjanya melalui contoh. Dalam kod berikut, jika dalam show adalah true, maka perenggan dengan teks akan disisipkan, dan jika adalah false, maka tiada apa-apa akan disisipkan:

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

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