Comments (3)
@damonbauer I had some trouble with that as well, but was able to get it to work using:
<Route
path="/leagues/:id"
render={props => (
<FirestoreDocument
path={"/leagues/" + props.match.params.id}
render={({ isLoading, data }) => {
return isLoading ? (
<Loading />
) : (
<League league={data} {...props} {...this.props} />
);
}}
/>
)}
/>
I believe this is working because by using the render option for Route
the FirestoreDocument
is getting completely unmounted/remounted each time the route fires.
from react-firestore.
Another use case:
I've got a container component that mounts a FirestoreDocument
and renders a stateless component with the data
received from FirestoreDocument
.
Using react-router
, I have a link to a route that mounts said container. If I'm already on a route that has the container mounted, I never getting a request for new data. Here's an example:
While at route: example.com/item/itemID1
, I'm mounting this:
<FirestoreDocument
path={`items/${id}`} // `id` will be "itemID1"
render={({ isLoading, data }) =>
isLoading ? <Loading /> : <ItemDetail {...data} />
}
/>
If I click a link to example.com/item/itemID2
, the path
prop in the FirestoreDocument
does get updated with itemID2
, but it does not kick off a request to fetch that data; nothing changes, so my ItemDetail
component never re-renders with any new data.
from react-firestore.
Closed by #10
from react-firestore.
Related Issues (20)
- FirestoreDocument should handle document not existing HOT 1
- When using a reference in a filter, FirestoreCollection reloads on every render
- Component to provide Firebase Auth HOT 1
- Add timeout prop to stop loading indefinitely
- Errors from queries HOT 5
- timestampsInSnapshots error in console log HOT 2
- Guide how to combine collections HOT 3
- New timestamp config throwing error on init HOT 1
- firestoreDatabase children prop is null because firestore().settings() does not return firestore instance HOT 1
- Unknown relation: !=
- How to paginate? HOT 4
- timestampsInSnapshots error when adding the useTimestampsInSnapshots prop
- Support for new Firestore "collection group" query HOT 2
- Please add @types/react-firestore declarations to make it clearer the types of each element in the library
- Support for firebase emulator
- Support for firebase emulator
- Make use of docChange of QuerySnapshot to pick changes
- componentWillReceiveProps is deprecated HOT 2
- FirestoreDocument is returning data from an id that doesn't exist
- I love this tool, please do not let it die! HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-firestore.