Sąlygų sutrumpinimų invertavimas JSX

Gali būti ir atvirkštinė situacija: reikia atlikti teksto įterpimą, jei sąlyga klaidinga, ir nieko nedaryti, jei teisinga. Tam reikia atlikti konstantos invertavimą naudojant operatorių !.

Šiame pavyzdyje, jei hide bus false, tai bus įterptas pastraipos tekstas:

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

jsxfunction App() {
  const isAuth = false;
  
  return <div>
    <p>prašome, autorizuokitės</p>
  </div>;
}