leptos_router 0.0.6

Router for the Leptos web framework.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

use std::{cell::RefCell, rc::Rc};

use crate::use_route;
use leptos::*;

/// Displays the child route nested in a parent route, allowing you to control exactly where
/// that child route is displayed. Renders nothing if there is no nested child.

#[component]
pub fn Outlet(cx: Scope) -> Child {
    let route = use_route(cx);
    let is_showing = Rc::new(RefCell::new(None));
    let (outlet, set_outlet) = create_signal(cx, None);
    create_effect(cx, move |_| {
        let is_showing_val = { is_showing.borrow().clone() };
        let child = route.child();
        match (route.child(), &is_showing_val) {
            (None, _) => {
                set_outlet.set(None);
            }
            (Some(child), Some(path))
                if Some(child.original_path().to_string()) == is_showing_val =>
            {
                // do nothing: we don't need to rerender the component, because it's the same
            }
            (Some(child), _) => {
                *is_showing.borrow_mut() = Some(child.original_path().to_string());
                provide_context(child.cx(), child.clone());
                set_outlet.set(Some(child.outlet().into_child(cx)))
            }
        }
    });
    (move || outlet.get()).into_child(cx)
}