The leptos-declarative from jquesada2016

how to hide portal?

Don't see any documentation on that

Unable to pass `children` into `<PortalProvider>` or `<Portal>`

Here's a demo of not being able to pass children into <PortalProvider>:

use leptos::*;
use leptos_declarative::prelude::*;

pub fn main() {
    mount_to_body(|cx| {
        view! { cx,
            <Providers>
                <div>"My app."</div>
            </Providers>
        }
    })
}

#[component]
pub fn Providers(cx: Scope, children: Children) -> impl IntoView {
    view! { cx, <PortalProvider>{children(cx)}</PortalProvider> }
}

The above code raises the following error:

 1  error[E0507]: cannot move out of `children`, a captured variable in an `Fn` closure
   --> src/main.rs:16:5
    |
 15 | pub fn Providers(cx: Scope, children: Children) -> impl IntoView {
    |                             -------- captured outer variable
 16 |     view! { cx, <PortalProvider>{children(cx)}</PortalProvider> }
    |     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^--------^^^^^^^^^^^^^^^^^^^^^^^^
    |     |                            |
    |     |                            variable moved due to use in closure
    |     |                            move occurs because `children` has type `Box<dyn FnOnce(leptos::Scope) -> Fragment>`, which does not implement the `Copy` trait
    |     captured by this `Fn` closure
    |     `children` is moved here
    |

And here's an example of not being able to pass children into <Portal>:

use leptos::*;
use leptos_declarative::prelude::*;

struct MyPortalId;

pub fn main() {
    mount_to_body(|cx| {
        view! { cx,
            <PortalProvider>
                <PortalOutput id=MyPortalId/>
                <MyPortal>
                    <p>"I went through the portal!"</p>
                </MyPortal>
            </PortalProvider>
        };
    })
}

#[component]
pub fn MyPortal(cx: Scope, children: Children) -> impl IntoView {
    view! { cx,
        <Portal id=MyPortalId>
            {children(cx)}
        </Portal>
    }
}

The above code raises the following error:

 1  error[E0507]: cannot move out of `children`, a captured variable in an `Fn` closure
   --> src/main.rs:21:5
    |
 20 |   pub fn MyPortal(cx: Scope, children: Children) -> impl IntoView {
    |                              -------- captured outer variable
 21 | /     view! { cx,
 22 | |         <Portal id=MyPortalId>
 23 | |             {children(cx)}
    | |              --------
    | |              |
    | |              variable moved due to use in closure
    | |              move occurs because `children` has type `Box<dyn FnOnce(leptos::Scope) -> Fragment>`, which does not implement the `Copy` trait
 24 | |         </Portal>
 25 | |     }
    | |     ^
    | |     |
    | |_____captured by this `Fn` closure
    |       `children` is moved here
    |

I think these errors might be related to the fact that portal.rs uses:

type Children = Box<dyn Fn(Scope) -> Fragment>;

Whereas leptos::Children is of type Box<dyn FnOnce(Scope) -> Fragment> (which usesFnOnce instead of Fn), however, I'm new to Rust, so I don't fully understand these error messages yet.

jquesada2016 / leptos-declarative Goto Github PK

leptos-declarative's People

Contributors

Stargazers

Watchers

Forkers

leptos-declarative's Issues

how to hide portal?

Unable to pass `children` into `<PortalProvider>` or `<Portal>`

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent

Jobs