Invertēšana saīsinātajiem nosacījumiem JSX

Var rasties arī apgriezta situācija: nepieciešams ievietot tekstu, ja nosacījums ir nepatiess, un neko nedarīt, ja tas ir patiess. Lai to izdarītu, nepieciešams invertēt konstanti, izmantojot operatoru !.

Nākamajā piemērā, ja hide ir false, tiks ievietots rindkopa ar tekstu:

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

jsxfunction App() {
  const isAuth = false;
  
  return <div>
    <p>lūdzu, autorizējieties</p>
  </div>;
}