Penyongsangan untuk Syarat Ringkas dalam JSX
Mungkin terdapat situasi sebaliknya: perlu
melakukan penyisipan teks jika syarat adalah palsu, dan tidak
melakukan apa-apa jika benar. Untuk ini, anda perlu
menyongsangkan pemalar menggunakan
operator !.
Dalam contoh berikut, jika hide adalah
false, perenggan dengan teks akan disisipkan:
function App() {
const hide = false;
return <div>
{!hide && <p>text</p>}
</div>;
}
Diberi kod berikut:
function App() {
const isAuth = false;
return <div>
<p>sila log masuk</p>
</div>;
}
Jadikan supaya perenggan dengan teks yang diberikan
hanya ditunjukkan jika isAuth adalah
false.
