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:
function App() {
const show = true;
return <div>
{show && <p>text</p>}
</div>;
}
Diberikan kode berikut:
function App() {
const isAuth = true;
return <div>
<p>anda telah masuk</p>
</div>;
}
Buatlah agar paragraf dengan teks yang diberikan
ditampilkan hanya jika isAuth bernilai true.
