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 :)