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:
function App() {
const hide = false;
return <div>
{!hide && <p>text</p>}
</div>;
}
Diberikan kode berikut:
function App() {
const isAuth = false;
return <div>
<p>silakan login</p>
</div>;
}
Buatlah agar paragraf dengan teks yang diberikan
ditampilkan hanya jika isAuth berisi
false.
