Mirrors/leptos
2
0
Fork 0
mirror of https://github.com/leptos-rs/leptos synced 2024-11-10 14:54:16 +00:00
Code Issues Projects Releases Packages Wiki Activity

Simply routing

Browse source
This commit is contained in:
Greg Johnston 2022-10-21 17:17:24 -04:00
parent 13d3fd82c8
commit fd0538fadf
1 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
examples/router/src/lib.rs
View file

@ -22,12 +22,12 @@ pub fn router_example(cx: Scope) -> Element {
element=move |cx| view! { cx, <ContactList/> }
>
<Route
path=":id?"
path=":id"
element=move |cx| view! { cx, <Contact/> }
/>
<Route
path="about"
element=move |_| view! { cx, <p class="contact">"Here is your list of contacts"</p> }
path=""
element=move |_| view! { cx, <p>"Select a contact."</p> }
/>
</Route>
<Route
@ -95,12 +95,14 @@ pub fn Contact(cx: Scope) -> Element {
get_contact,
);
create_effect(cx, move |_| log::debug!("params = {:#?}", params()));
let contact_display = move || match contact.read() {
// None => loading, but will be caught by Suspense fallback
// I'm only doing this explicitly for the example
None => None,
// Some(None) => has loaded and found no contact
Some(None) => Some(view! { cx, <p>"Please select a contact."</p> }),
Some(None) => Some(view! { cx, <p>"No contact with this ID was found."</p> }),
// Some(Some) => has loaded and found a contact
Some(Some(contact)) => Some(view! { cx,
<section class="card">