Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

246
Vistas
(React + Firestore) ¿Componente ejecutándose antes de la autenticación de contexto?

Tengo un problema con uno de mis componentes. El problema que creo que tengo es que mi componente se ejecuta antes de que mi contexto de usuario almacene el usuario actual. Mi código solo funciona cuando se realiza una recarga en caliente.

El componente de la lista de vigilancia obtiene todos los valores de la matriz de la lista de vigilancia donde el documento coincide con currentUser.uid .

UserContext.js:

 const [currentUser, setCurrentUser] = useState(null) const [watchlist, setWatchlist] = useState(null) useEffect(() => { const unsubscribe = auth.onAuthStateChanged(user => { setCurrentUser(user) }) return unsubscribe }, []) const getWatchlist = async () => { const userRef = await getDoc(doc(db, 'users', currentUser.uid)) setWatchlist(userRef.data().watchlist) console.log(userRef.data().watchlist) }

Estos valores son las identificaciones de los objetos que luego OBTENGO de una API, luego se envían a la matriz watchlistData .

CryptoContext.js

 export const getWatchlistData = async (list) => { const watchlistData = [] for (const item of list) { const result = await axios.get( `${coingecko}/coins/${item}` ) watchlistData.push(result.data) } return watchlistData }

Y así es como se ve actualmente el código de mi componente Watchlist.

WatchlistItems.jsx

 const { watchlist, getWatchlist, currentUser } = useContext(UserContext) const { dispatch } = useContext(CryptoContext) useEffect(() => { if (currentUser) { dispatch({type: 'SET_LOADING'}) const getWatchlistDataFromAPI = async () => { await getWatchlist() const watchlistData = await getWatchlistData(watchlist) dispatch({type: 'GET_WATCHLIST', payload: watchlistData}) console.log(watchlistData) } getWatchlistDataFromAPI() } }, [currentUser])

Si actualizo la página, obtengo "Error de tipo no capturado (en promesa): la lista no es iterable", pero si hago una recarga en caliente, una lista de observación y una lista de observación, ambos console.log con los datos correctos.

Esta es mi primera publicación, así que avíseme si me he dejado algo.

Gracias de antemano por cualquier ayuda :)

about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda