Comments (7)
The example I've shown isn't yet a released API, as it's coming in 0.5.0 which will be released soon. I just need to finish some documentation and we should be good to go. Sorry you have to wait a bit longer.
Now sure what you mean, but to change a view state you just need to transition to a new state, and you can trigger transitions from wherever you need, so I'd say yes you can.
I'll ping you here once 0.5.0 is out!
from react.
Hi,
Passing state or any data from a parent UIView to a child one is not as direct as using React data flow via props. The reason for this is that the UIView is in charge of mounting a container component only when the corresponding state in active. This means that in a way the router treats the views as encapsulated.
This does not mean that it cannot be done, just that right now the API are not very friendly for accomplishing it.
We are moving towards an explicit way of rendering the components as pointed here: #26
This way it would be possibile to pass anything you need to the mounted components (on which you have no control right now since is the UIView thats handles the rendering):
<UIView render={(Component, props) =>
<Component {...props} user={this.state.user} />
} />
Since this API change allows for so many things that we cannot do right now I guess I should get it done ASAP 😅
from react.
@ohpyupi just wanted to mention that it appears this feature has been released.
from react.
yeah, sorry I forgot to update this issue, the feature has been released as @telekid mentioned. Let us know if you need any help!
from react.
I appreciate your answer. However, It's not working.... Do I have to update the module? I installed ui-router module through npm.
Also, using that feature, can I change parent view's state from children view? Then, it will be perfect!
from react.
Alright. I am looking forward to seeing new feature!! Again I appreciate your answer.
from react.
Thanks guys!
from react.
Related Issues (20)
- Can ui-router/react support React18 new features? HOT 6
- testing ui router with relative paths
- {location: 'replace'} doesn't work in stateService.go(stateName, params, {location: 'replace'}) HOT 1
- useSref: "target="_blank" ignored when link contains child elements HOT 1
- Is this project still under active development? HOT 3
- Use same UIRouter instance inside different React.render(...) HOT 1
- Typescript demo errors on `1.0.1` HOT 1
- animating-transitions demo errors on `1.0.1` HOT 1
- Router.start() called more than once HOT 1
- 404 on react-dom.js on the tutorial pages HOT 2
- Path duplication after page refresh when using UIRouter pushStateLocationPlugin HOT 4
- Params of type json are not deserialized properly HOT 5
- States not gets enabled if there are nested lazy loaded states HOT 2
- UIView Doesn't Render with Usage of `urlService.rules.when` HOT 4
- Scroll restoration HOT 3
- Cannot use useRouter HOT 4
- Jest/Enzyme Transition Rejection/TypeError HOT 1
- UISref Component ignores target="_blank" on child anchor tag HOT 3
- Mocking UiRouter Classes with Jest HOT 4
- useCurrentStateAndParams don't reacting on initial state 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.