How do I get firestore collection reference from within then() function?

Question

I am using vuexfire to bind firebase references to my app state.

This works fine:

bindRef: firebaseAction(({bindFirebaseRef}, payload) => {
let firebaseRef = db.collection(`/${payload}`)
  bindFirebaseRef('storeProperty',firebaseRef)
})

I, however, only want to do the binding after a successful get; just so that I can be able to catch errors and also set progress indication.

Something like this:

bindRef: firebaseAction(({bindFirebaseRef}, payload) => {
  let firebaseRef = db.collection(`/${payload}`).get().then(e => {
   //where ref is same as firebaseRef
    bindFirebaseRef('questions',ref) 
  })
})

I tried as much as I could to get the collection Reference "firebaseRef" from within the then function. I tried, passing "e" to bindFirebaseRef and It didn't work. I keep getting type error. Clearly "e" is not the same as "firebaseRef". — Stephen Kastona, May 27 '18 at 16:54

score 1 · Accepted Answer · answered May 27 '18 at 20:36

You need to declare the reference to that collection as a variable and only then you can pass it on to your function:

bindRef: firebaseAction(({bindFirebaseRef}, payload) => {
  let firebaseRef = db.collection(`/${payload}`)
  firebaseRef.get().then(e => {
   //pass firebaseRef to the function
    bindFirebaseRef('questions',firebaseRef) 
  })
})

How do I get firestore collection reference from within then() function?

1 Answers1