Passing parent view's state to nested (or children) component view.

[ohpyupi]

It must be very stupid question but I wasn't able to find any sound solution to my question on the web. So I am posting it if I can get help from here.

Basically I want to make nested views. I was able to make nested views. However, I have no idea how to pass parent's state to nested view's component.

I tried below but didin't work

<UIView user={this.state.user}/>

Also, I am curious how parent and child (or nested) views acually communicate in ui-router. Do they follow the typical data flow in react.js? For example, usually I make functions and save data to state in container component (parent) and pass to children component. So technically child components emit events and parent do the actual work responding to the emitted events.

Thanks.

[elboman]

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 😅

[ohpyupi]

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!

[elboman]

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!

[ohpyupi]

Alright. I am looking forward to seeing new feature!! Again I appreciate your answer.

[telekid]

@ohpyupi just wanted to mention that it appears this feature has been released.

[elboman]

yeah, sorry I forgot to update this issue, the feature has been released as @telekid mentioned. Let us know if you need any help!

[ohpyupi]

Thanks guys!