Add simpler router

This commit is contained in:
Jonathan Kelley 2023-07-26 19:19:51 -07:00
parent 694fc22acb
commit 30f8218251
No known key found for this signature in database
GPG key ID: 1FBB50F7EB0A08BE

42
examples/simple_router.rs Normal file
View file

@ -0,0 +1,42 @@
#![allow(non_snake_case)]
use dioxus::prelude::*;
use dioxus_router::prelude::*;
#[derive(Routable, Clone, PartialEq)]
enum Route {
#[layout(Nav)]
#[route("/")]
Homepage {},
#[route("/blog/:id")]
Blog { id: String },
}
#[inline_props]
fn Homepage(cx: Scope) -> Element {
render! { h1 { "Welcome home" } }
}
#[inline_props]
fn Blog(cx: Scope, id: String) -> Element {
render! {
h1 { "How to make: " }
p { "{id}" }
}
}
#[inline_props]
fn Nav(cx: Scope) -> Element {
render! {
nav {
li { Link { to: Route::Homepage { }, "Go home" } }
li { Link { to: Route::Blog { id: "Brownies".to_string() }, "Learn Brownies" } }
li { Link { to: Route::Blog { id: "Cookies".to_string() }, "Learn Cookies" } }
}
div { Outlet::<Route> {} }
}
}
fn main() {
dioxus_desktop::launch(|cx| render!(Router::<Route> {}));
}