Estoy consumiendo un api, esta me retorna null
si no existen usuarios en la base de datos.
El problema que tengo es con el else
else {
return (
<>
<h1>No hay informacion para mostrar</h1>
</>
);
}
El primer render se ejecuta porque la página carga por primera vez, en este momento es su valor inicial es null
.
Cuando esto sucede, se ejecuta el mensaje "No hay información para mostrar" y quiero evitar esto, ya que se puede percibir cuando se muestra el mensaje (dura alrededor de 1 segundo o menos),
Código:
import { useEffect, useState } from "react";
import { getUsers } from "../../../services/user/UserDataService";
const EmployeeHomeView = function () {
const [users, setUsers] = useState(null);
useEffect(() => {
async function GetRequest() {
const result = await getUsers();
setUsers(result);
}
GetRequest();
}, []);
if (Array.isArray(users) && users.length > 0) {
return (
<>
// Existen usuarios
// Muestra una tabla de todos los usuarios
</>
);
} else {
return (
<>
<h1>No hay informacion para mostrar</h1>
</>
);
}
};
export default EmployeeHomeView;