Rövidített feltételek invertálása JSX-ben

Előfordulhat az ellenkező helyzet is: szöveget kell beillesztenünk, ha a feltétel hamis, és nem csinálnunk semmit, ha igaz. Ehhez a konstans értékét az ! operátorral kell invertálnunk.

A következő példában, ha a hide értéke false, akkor egy bekezdés szöveggel kerül beillesztésre:

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

jsxfunction App() {
  const isAuth = false;
  
  return <div>
    <p>kérem, jelentkezzen be</p>
  </div>;
}