Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

247
Visualizações
(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 à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda