Agnostic Layouts

[digitalozon]

Question

Is it possible to create a component ( in my case layout ) with children, but without any dependency, and still be able to update children's properties from the topmost ( parent of the layout ) component?

ChildrenWithProps doesn't really help because you have to specify children's types and even their properties when you want to update. For example:

{
 for self.props.children.iter().map(|mut item| {
     item.props.errors = self.props.errors.clone();
     item
  })
 }

The issue here is that the layout shouldn't be aware of cilld property errors.

What I've tried (optional)

login.rs:

fn view(&self) -> Html {
  html! {
            <AuthLayout>
                <LoginComp errors=errors ></LoginComp>
             </AuthLayout>
        }
}

AuthLayout should contain only the view (html) and be able to accept children.

LoginComp can have properties that we can update directly from login.rs

Currently if errors variable changes ( at login.rs ) there is no effect in LoginComp unless i do some "hacking" in AuthLayout. ( first code-block )

[jstarry]

In the AuthLayout, you need to make sure to update props.children in the change method.