Comments (6)
By design, all route handler descriptors are created inside the top-level route's render
method. This lets the top-level route reference component instances easily when running willTransitionFrom
hooks because it can reference them using this.refs
.
What do you need the context for? I've seen it used in various places, but as you say the API is experimental so I'm not sure we need to support it.
from react-router.
Whoops, I didn't account for willTransition*
hooks.
My only use for context is not having to pass down explicitly my flux
instance into my sub routes vs only once at the root route.
<Route handler={FluxApp} flux={flux}>
<Route name="dashboard" handler={Dashboard} flux={flux} />
<Route name="form" handler={Form} flux={flux} />
</Route>
vs
<Route handler={FluxApp} flux={flux}>
<Route name="dashboard" handler={Dashboard} />
<Route name="form" handler={Form} />
</Route>
I'm using fluxxor and currently FluxChildMixin only checks for this.context
, but I am just going make my own mixin.
getFlux: function() {
return this.props.flux || this.context.flux;
}
Closing this and hopefully React on their next release enables passing down the context without having to create the child at the parent component being rendered.
from react-router.
I've been toying with the idea of having a RouteMixin and our Route is simply the mixin implemented into a class.
This way you could make your own route:
var FluxRoute = React.createClass({
mixins: [RouteMixin],
getInitialProps: function() {
return { flux: flux };
}
});
Then you don't have to pass it to anything:
<FluxRoute handler={App}>
<FluxRoute path="foo" handler={Foo}/>
</FluxRoute>
Seems useful?
from react-router.
RouteMixin does seem useful
from react-router.
I got to tinker with RouteMixin in a fork... I like it 👍 ... I prefer it over messing with context till it stabilizes
from react-router.
What ever happened with this?
from react-router.
Related Issues (20)
- [Bug]: Incorrect Handling of Double-Encoded URL Parameters HOT 3
- [Bug]: useParams type always adds undefined HOT 4
- [Bug]: RouterProvider renders old state when the router is re-initialized HOT 1
- useNavigate can only be called inside a Router HOT 5
- [Bug]: Error no route matches URL / v6.22.1 with Create react app HOT 2
- [Bug]: isBrowser false when no document.createElement
- [Bug]: Uncaught (in promise) TypeError: subscriber is not a function HOT 4
- [Docs]: I want to contribute to making Korean documents. HOT 1
- [Bug]: I can't navigate to the /path directly HOT 2
- [Bug]: What's the updated way to navigate outside React Components? HOT 4
- [Bug]: route specific components are not rendering if the app is configured to run at different base path using a webmanifest file HOT 5
- [Bug]: Serious bug, If you repeat from the list page to the details page for many times, the page will freeze(real mobile phone)
- [Bug]: encType on Form does not include "application/json" HOT 1
- [Bug]: react-router-dom is showing a white page HOT 3
- [Bug]: Loader runs twice on page refresh and without using <StrictMode> HOT 2
- [Bug]: useSearchParams hook ignores search params if url ends with hash-link
- [Bug]: Memory leak when using `<Redirect />` in tests with jest + JSDOM
- [Bug]: only '/' is working created by createBrowserRouter, other is 404 HOT 1
- [Bug]: when starting the application --- Module parse failed HOT 1
- [Bug]: useNavigate does not work in production HOT 5
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-router.