Invertering vir verkorte voorwaardes in JSX

Daar kan ook 'n omgekeerde situasie wees: jy moet teks insit as die voorwaarde onwaar is, en niks doen as dit waar is nie. Om dit te doen, moet jy die konstante inverteer deur die operator ! te gebruik.

In die volgende voorbeeld, as daar false in hide is, sal 'n paragraaf met die teks ingesit word:

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

jsxfunction App() {
  const isAuth = false;
  
  return <div>
    <p>teken asseblief in</p>
  </div>;
}