access doc.data outside of render()?

[ckjpdx]

Hello! Firestorter is awesome!

I'm trying to use information from a document.data reference outside of a render function. I'm displaying that info in render in several places on my app, and it's wonderful, but when I try to access doc.data in a onHandle function, for example, it returns the observable, or doc.data.someData will return undefined.

Is there some way to get info in JSON form outside of render or should I look to vanilla firestore api for this?

Thanks!

[IjzerenHein]

Hi Chris,

What I think what's going on, is that doc.data is not being accessed from the render function. If that is not the case then firestorter will not consider the collection/document to be observed and not start real-time updating for it. Could you add a call console.log(document.data); to your render function and verify whether that fixes the problem?

cheers, Hein

[cworf]

If you want to use observable data outside render, you need to send it to the function or method via curried function inside render. for example

<div> onClick={() => this.someMethod(document.data)} </div>

Are you trying to access data on mount? then you should send it to the component via props and access it inside componentDidMount()

[ckjpdx]

Yes, I needed to incorporate render() when working with any observable data. Thanks!