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

146
Vistas
cómo almacenar el usuario actual usando redux y firebase

Mi problema es que no puedo almacenar el usuario actual cuando inicio sesión con google, anteriormente solo he usado reaccionar para almacenar el usuario actual cuando inicia sesión y establezco nulo cuando cierra la sesión. Entonces, lo que quiero es almacenar el usuario actual, este es mi código:

 class HomeHeaderW extends React.Component { authListener = null; componentDidMount() { const { setCurrentUser, currentUser } = this.props this.authListener = auth.onAuthStateChanged(async userAuth => { if (userAuth) { console.log(currentUser) const userRef = await handleUserProfile(userAuth); userRef.onSnapshot(snapshot => { setCurrentUser({ id: snapshot.id, ...snapshot.data() }); }) } setCurrentUser(userAuth) }) } render() { const { currentUser } = this.props return (... } HomeHeaderW.defaultProps = { currentUser: null }; const mapStateToProps = ({ user }) => ({ currentUser: user.currentUser }) export default connect(mapStateToProps, null)(HomeHeaderW)

usuario.tipos.js

 const userTypes = { SET_CURRENT_USER: 'SET_CURRENT_USER' }; export default userTypes

usuario.reductor.js

 import userTypes from "./user.types"; const INITIAL_STATE = { currentUser: null }; const userReducer = (state = INITIAL_STATE, action) => { switch (action.type) { case userTypes.SET_CURRENT_USER: return { ...state, currentUser: action.payload } default: return state; } }; export default userReducer

usuario.acciones.js

 import userTypes from "./user.types"; export const setCurrentUser = user => ({ type: userTypes.SET_CURRENT_USER, payload: user })

utils.js

 export const handleUserProfile = async({ userAuth, additionalData }) => { if (!userAuth) return; const { uid } = userAuth; const userRef = firestore.doc(`users/${uid}`); const snapshot = await userRef.get(); if (!snapshot.exists) { const { displayName, email } = userAuth; const timestamp = new Date(); const userRoles = ['user']; try { await userRef.set({ displayName, email, createdDate: timestamp, userRoles, ...additionalData }); } catch (err) { console.log(err); } } return userRef; };

Entonces, cuando verifico el usuario actual en la consola, veo null . También tengo otro problema en la consola: HomeHeaderW.js:28 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'onSnapshot')

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