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:

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

jsxfunction App() {
  const isAuth = false;
  
  return <div>
    <p>sila log masuk</p>
  </div>;
}