Inversarea condițiilor scurte în JSX

Poate exista și situația inversă: trebuie să introduceți text dacă condiția este falsă și să nu faceți nimic dacă este adevărată. Pentru aceasta, trebuie să inversați constanta folosind operatorul !.

În următorul exemplu, dacă în hide este false, atunci va fi introdus un paragraf cu textul:

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

jsxfunction App() {
  const isAuth = false;
  
  return <div>
    <p>vă rugăm să vă autentificați</p>
  </div>;
}