1

Quiero enviar un parámetro a un Getter del Store (lo que hace es obtener información de la BBDD) Cuando indico que el Getter es async, da error.

 async getInfoUsuarioBBDD:(state) => (id) => {
  try {
    const res = await fetch(`<DATABASE_NAME>.firebaseio.com/tareas.json? auth=${state.user.idToken}`)
    const db = await res.json()
    
    const infoUsuario=db
    return infoUsuario
  } catch (error) {
    console.log(error)
  }
}

Error:

SyntaxError: D:\Cursos\VUE\0_proyecto4\src\store\index.js: Unexpected token, expected "(" (223:28)

  221 |     },
  222 |
> 223 |     async getInfoUsuarioBBDD:(state) => (id) => {
      |                             ^
5
  • 1
    la forma como has definido tu funcion no es valida: async getInfoUsuarioBBDD({commit, state}) {} Commented el 8 oct. 2021 a las 13:41
  • ¿Por qué pusiste los dos puntos ":" en el nombre de la función getInfoUsuarioBBDD:? Commented el 9 oct. 2021 a las 15:00
  • @Desarrollos-Web-Urquiza Cuando envío un parámetro a un Getter, si no coloco los dos puntos ":" me salta error. Así me funciona. No me preguntes mas porque no sabría decirte la verdad.
    – Inca
    Commented el 9 oct. 2021 a las 15:08
  • @IgmerRodriguez Pero se supone que los Getters no pueden hacer commit no? porque estas incluyendo un commit al definir el Getter?
    – Inca
    Commented el 9 oct. 2021 a las 15:09
  • 1
    @Inca ¿Pero por qué manejar toda esa lógica dentro del Getter? Ahora hago una respuesta recomendándote otra manera de hacerlo. Commented el 9 oct. 2021 a las 15:34

1 respuesta 1

1

Lo ideal es que el Getter devuelva solo el valor de un state y nada más.

Mientras que los actions son los que se encargan de manejar la lógica, para luego hacer el commit que llamará a una función que está dentro de las mutations.

A su vez dicha función actualizará el valor del state, que es lo que devolverá el Getter.

A continuación te muestro un ejemplo de cómo te recomiendo hacerlo en tu caso:

export default  {
    state: {
        infoUsuario: null,
    },
    getters: {
        infoUsuario: state => state.infoUsuario
    },
    actions: {
        async getInfoUsuarioBBDD({commit}, id) {
            try {
                const res = await fetch(`<DATABASE_NAME>.firebaseio.com/tareas.json? auth=${id}`)
                const db = await res.json()
                
                const infoUsuario=db
                commit('SET_INFOUSUARIO', infoUsuario)
            } catch (error) {
                console.log(error)
            }
        
        },
    },
    mutations: {
        SET_INFOUSUARIO(state, infoUsuario)  {
          state.infoUsuario = infoUsuario    
      }
    }
} 
2
  • Muchas gracias por la ayuda. Tienes razón, tiene sentido lo que estás haciendo, y cada cosa está para lo que está. Estoy aprendiendo VUE y a veces se me escapan cosas. En cuanto lo pruebe comento.
    – Inca
    Commented el 9 oct. 2021 a las 15:52
  • 1
    Gracias. Lo he hecho como comentas pero en vez de tirar de Getters, he llamado a la accion en el componente para que realice la función al crearse éste: created(){ this.$store.dispatch("getInfoUsuarioBBDD") }
    – Inca
    Commented el 9 oct. 2021 a las 18:13

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.