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:
function App() {
const show = true;
return <div>
{show && <p>text</p>}
</div>;
}
Diberi kod berikut:
function App() {
const isAuth = true;
return <div>
<p>anda telah didaftarkan masuk</p>
</div>;
}
Lakukan supaya perenggan dengan teks yang diberikan
ditunjukkan hanya jika dalam isAuth tercatat
true.
