Ehtojen kääntäminen lyhennettyjen ehtojen lyhentämiseksi JSX:ssä

Voi olla myös käänteinen tilanne: on suoritettava tekstin lisääminen, jos ehto on epätosi, eikä mitään tehdä, jos se on tosi. Tätä varten on suoritettava vakion kääntäminen käyttämällä operaattoria !.

Seuraavassa esimerkissä, jos hide:ssä on false, niin kappale tekstillä lisätään:

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

jsxfunction App() {
  const isAuth = false;
  
  return <div>
    <p>ole hyvä ja kirjaudu sisään</p>
  </div>;
}