Inversión para condiciones abreviadas en JSX

Puede haber una situación inversa: necesitas insertar texto si la condición es falsa, y no hacer nada si es verdadera. Para hacer esto, debes invertir la constante usando el operador !.

En el siguiente ejemplo, si hide es false, se insertará un párrafo con el texto:

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

jsxfunction App() {
  const isAuth = false;
  
  return <div>
    <p>por favor, inicie sesión</p>
  </div>;
}