Dario | midudev - Aprende y Mejora en Programación JavaScript | Page 1

fluid forge Jul 11, 2022, 2:20 AM

#

@small dirge no puedo probar tu aplicación (no tengo acceso a tu api) pero vi algunos errores y te los listo:

#

Estás creando mal la siguiente función (https://github.com/rd7r/reactjs_redux-toolkit/blob/master/src/actions/homeActions.js#L5) elimina: () =>

#

Tus homeservices lo estás exportando como default y no las funciones, por lo cual no puedes llamar a HomeService.getHome(), o exporta la funcíon getHome (sin default) o llama a HomeService() (https://github.com/rd7r/reactjs_redux-toolkit/blob/master/src/actions/homeActions.js#L8)

small dirge Jul 11, 2022, 2:39 AM

#

Es que mi API está en mi computadora aún me falta crear más

#

Aún no lo subí

small dirge Jul 11, 2022, 2:57 AM

#

Pues nada ya le cambié

fluid forge Jul 11, 2022, 2:58 AM

#

Sube el commit

small dirge Jul 11, 2022, 2:59 AM

#

Ok

#

Ya está

fluid forge Jul 11, 2022, 3:02 AM

#

Que error te da?

small dirge Jul 11, 2022, 3:11 AM

#

Pues no agarra mi API

#

#

No manda ningún dato

fluid forge Jul 11, 2022, 3:14 AM

#

El primer console no le va a salir nada (devuelve los valores por defecto), tiene que esperar al segundo

small dirge Jul 11, 2022, 3:15 AM

#

Pues el segundo tampoco tiene nada

#

#

Esa es mi API

#

Los datos que contiene

fluid forge Jul 11, 2022, 3:17 AM

#

Ponga un console.log(heroe) en la función HomeReducer para el case de FETCH_POSTS_SUCCESS

small dirge Jul 11, 2022, 3:18 AM

#

Ya está pero no me muestra nada

fluid forge Jul 11, 2022, 3:19 AM

#

Suba su api a un repositorio para verlo, el error tiene que estár ahí

small dirge Jul 11, 2022, 3:20 AM

#

Pues no me muestra nada bro

#

fluid forge Jul 11, 2022, 3:22 AM

#

Simulo una petición falsa y si me funciona

fluid forge Jul 11, 2022, 3:22 AM

#

fluid forge Suba su api a un repositorio para verlo, el error tiene que estár ahí

.

small dirge Jul 11, 2022, 3:23 AM

#

Esta bien

#

Lo subire mi API a mi github

#

https://github.com/rd7r/reactjs_reduxtoolkit_api

GitHub

GitHub - rd7r/reactjs_reduxtoolkit_api

Contribute to rd7r/reactjs_reduxtoolkit_api development by creating an account on GitHub.

#

Hay está

fluid forge Jul 11, 2022, 3:33 AM

#

Pon un console.log(res); en la linea 9 de homeActions.js

small dirge Jul 11, 2022, 3:33 AM

#

#

Esta bien

fluid forge Jul 11, 2022, 3:35 AM

#

Porfa manda capturas de pantalla, una foto no se logra ver bien

small dirge Jul 11, 2022, 3:35 AM

#

Esa es mi base de datos

#

Lo hice con mongodb

#

Y está bien te mando capturas

fluid forge Jul 11, 2022, 3:36 AM

#

fluid forge Pon un `console.log(res);` en la linea 9 de `homeActions.js`

. @small dirge

small dirge Jul 11, 2022, 3:38 AM

#

#

Pues no me envía nada

#

#

#

esa es mi base de datos

fluid forge Jul 11, 2022, 3:48 AM

#

Pero donde está usando fetchHome?

#

Si no invoca la función, no se va a disparar

small dirge Jul 11, 2022, 3:52 AM

#

a eso

#

pues como te digo

#

es que en redux si se como se manda

#

y ahora me entero que redux-toolkit

#

es algo diferente

#

como el uso de createAsyncThunk

#

eso yo no lo entiedo

#

createSlice esto mas

fluid forge Jul 11, 2022, 3:58 AM

#

Podes llamar a fetchHome en tu componente:

const dispatch = useDispatch();

useEffect(() => {
  fetchHome(dispatch);
}, [dispatch])

small dirge Jul 11, 2022, 4:05 AM

#

Déjame ver

#

Pues me lanza un error

#

fluid forge Jul 11, 2022, 4:24 AM

#

Necesitas instalar módulo cors en tu api
https://www.npmjs.com/package/cors

small dirge Jul 11, 2022, 4:29 AM

#

Si tiene

#

#

fluid forge Jul 11, 2022, 4:53 AM

#

small dirge

Tienes que poner el puerto 3000

small dirge Jul 11, 2022, 5:04 AM

#

#

si funciona el console

#

pero le hago para que me muestre o hagare

#

como completo mi estructura redux-toolkit

#Dario