update router examples

This commit is contained in:
Adrian Wannenmacher committed 2022-12-16 11:55:20 +01:00
1 parent 58611e8d34
commit 5c1915990b
5 files changed
+344 -173

No files matched your search

+20 -9
View File
@@ -1,11 +1,17 @@
#![allow(non_snake_case)]
use dioxus::prelude::*;
use dioxus_router::{Link, Route, Router};
use dioxus_router::prelude::*;
fn main() {
dioxus_desktop::launch(app);
}
fn app(cx: Scope) -> Element {
use_router(cx, &|| RouterConfiguration::default(), &|| {
Segment::content(comp(Home)).fixed("settings", comp(Settings))
});
cx.render(rsx! (
div {
p {
@@ -21,15 +27,20 @@ fn app(cx: Scope) -> Element {
}
}
div {
Router {
Route { to: "/", h1 { "Home" } },
Route { to: "/settings", h1 { "settings" } },
p { "----"}
ul {
Link { to: "/", li { "Router link to home" } },
Link { to: "/settings", li { "Router link to settings" } },
}
Outlet { }
p { "----"}
ul {
Link { target: "/", li { "Router link to home" } },
Link { target: "/settings", li { "Router link to settings" } },
}
}
))
}
fn Home(cx: Scope) -> Element {
render!(h1 { "Home" })
}
fn Settings(cx: Scope) -> Element {
render!(h1 { "Settings" })
}