Hola tengo el siguiente problema, después de pedir info a mi backend y que este me devolviera un error del tipo "country not found", llamo a un dispatch que mete ese error en un estado de nombre errors que puse en el reducer.
Hasta aquí todo bien, cuando estoy en la pagina en cuestión, hago la busqueda que genera lo que explique anteriormente, veo atraves de redux dev tools que el estado "errors" efectivamente se modifica y viene valorizado.
El problema es que en la pagina no se renderiza.
En la pagina use el siguiente useEffect pero no funciona. Alguien me da una mano, please?
useEffect(()=>{ alert('Error: ', errors); },[errors]);
errors
es un array? En ese caso te diría que lo mejor es que no uses un array como dependencia ya que la referencia al objeto no ha cambiado (aunque su contenido sí lo haya hecho), de ahí que no salte el useEffect. Échale un vistazo a esta solución (stackoverflow.com/questions/59467758/…) si aún así quieres seguir usando el array. Aquí Dan Abramov habla un poco más de esto: github.com/facebook/react/issues/14476#issuecomment-471199055errors
a tu componente (useSelector
,store.getState
etc), y como estas armando el componente (mapStateToProps/mapDispatchToProps
, singlecontainer/presentational
), esos detalles son de utilidad, saludosdispatch
, me gustaria verlo ya que no he visto el uso deasync/await
directamente endisptach
, saludos