Comments (5)
You shouldn't be receiving a null
component there in any case. Do you have a stack trace/
from found-relay.
Not sure it will help ;)
Component is not null after ContentQueries resolved
(anonymous function) @ createElements.js?a0af:54
createElements @ createElements.js?a0af:24
_callee$ @ createResolveElements.js?6f65:166
tryCatch @ runtime.js?1aab:63
invoke @ runtime.js?1aab:337
prototype.(anonymous function) @ runtime.js?1aab:96
resume @ asyncGenerator.js?4df4:48
(anonymous function) @ asyncGenerator.js?4df4:53
from found-relay.
Oki, i make a mistake in my example, it's look like that:
<Route
getComponent={getLayout}
queries={LayoutQueries}
prepareParams={prepareParamsLayout}
render={renderLayout}
>
<Route
Component={Content}
queries={ContentQueries}
prepareParams={prepareParamsContent}
render={renderContent}
/>
</Route>
I use getComponent for Layout that return a promise, do a direct query to GraphQL server and resolve to component. getComponent is resolved and return a valid Component and after i got null Component in render call. Hope it's help
from found-relay.
That's the expected behavior – we don't continuously rerender to avoid layout thrashing; we only render once with the data initially available, then again at the end once everything is fetched.
from found-relay.
Just to confirm that if i don't return a Promise in getComponent, everything is OK. Just in case, it will be really cool to recall render just when getComponent is resolved (Component pass from null to non null), so we can load part of the UI while loading queries :)
from found-relay.
Related Issues (20)
- `getCacheConfig` is running for every route but doesn't seem to update return value HOT 2
- Add support for async getCacheConfig
- Requery the data HOT 2
- Why does this package pull in core-js? HOT 9
- Best way to use local client schema in prepareVariables? HOT 5
- Which store will be used? HOT 1
- Component query encapsulation HOT 1
- Documentation update - Add feature list.
- How to create nested routes ? I am trying to create nested route under /app but it's not working HOT 2
- router and refetch/paginated containers
- Document which versions of Relay this library works with? HOT 4
- Problem refetching after login/logout HOT 1
- when using typescript, type for queries used in <Route path="path", Component={Component} query={query} /> are not generated at all HOT 4
- Action Required: Fix Renovate Configuration
- v0.8.3, v0.9.0 and v0.9.1 are deployed to npm but not committed (npm account hacked?) HOT 2
- Update to use Relay's hook API
- Dependency Dashboard
- Props are not present in Route if there is an error
- Typescript error HOT 5
- Errors loading the schema are hidden behind unrelated errors
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 found-relay.