Uso del operador && en JSX

Puede que necesitemos insertar texto si una condición es verdadera, y no hacer nada si es falsa. Esto se hace usando el operador &&.

Veamos su funcionamiento con un ejemplo. En el siguiente código, si show es true, se insertará un párrafo con el texto, y si es false, no se insertará nada:

jsxfunction App() {
  const show = true;
  
  return <div>
    {show && <p>text</p>}
  </div>;
}

jsxfunction App() {
  const isAuth = true;
  
  return <div>
    <p>estás autorizado</p>
  </div>;
}