0
206
Views¿Cómo implementar el esqueleto MUI en los datos de respuesta de la API?
Estoy usando el esqueleto material-ui (efecto Shimmer) en los datos que provienen de la API.
{ accountData.usersAccountData.map((userData, index) => ( // ...UI code ) ) } La salida se da a continuación:
Como puede ver, recibí 3 objetos de API. Así que accountData.usersAccountData.map se ejecutará 3 veces.
Mi pregunta es, ¿cómo puedo implementar mui skeleton mientras la API está en proceso?
¿Cómo se puede mostrar el efecto de brillo mientras la API está en proceso?
NOTA :
<Skeleton ...otherParams /> dentro accountData.usersAccountData.map pero esto no funcionó porque la longitud accountData.usersAccountData es zero mientras la API está en proceso.
1 answers
Answer question0
Por lo tanto, debe implementar isAPILoading para el esqueleto antes de que su interfaz de usuario principal se reproduzca de esta manera
if (isAPILoading) { return <Skeleton ...otherParams />; } return ( { accountData.usersAccountData.map((userData, index) => ( // ...UI code ) ) } )pero también debe verificar si su respuesta es exitosa o si falla, si es exitosa, puede mostrar su interfaz de usuario; de lo contrario, puede mostrar un error para la misma.