Dave Rolsky
81c094ed29
Previously the router just stored a `root_found` boolean after it picked a route. But on re-render it would just always return false from `should_render` if this was true. This just aborted routing after a future resolved (or anything else that triggered a re-render). Now we store the matching ScopeId and check that against our routes in a re-render so we actually do re-render the matching route.
Routing for Dioxus App
DioxusRouter adds React-Router style routing to your Dioxus apps. Works in browser, SSR, and natively.
fn app() {
cx.render(rsx! {
Routes {
Route { to: "/", Component {} },
Route { to: "/blog", Blog {} },
Route { to: "/blog/:id", BlogPost {} },
}
})
}
Then, in your route, you can choose to parse the Route any way you want through use_route.
let id: usize = use_route(&cx).path("id")?;
let state: CustomState = use_route(&cx).parse()?;
Adding links into your app:
Link { to: "id/{id}" }
Currently, the router is only supported in a web environment, but we plan to add 1st-party support via the context API when new renderers are available.