Inversi untuk Pengurangan Kondisi dalam JSX

Mungkin ada situasi sebaliknya: perlu melakukan penyisipan teks jika kondisinya salah, dan tidak melakukan apa-apa jika benar. Untuk melakukan ini, perlu melakukan inversi konstanta menggunakan operator !.

Dalam contoh berikut, jika hide berisi false, maka paragraf dengan teks akan disisipkan:

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

jsxfunction App() {
  const isAuth = false;
  
  return <div>
    <p>silakan login</p>
  </div>;
}