Mirrors/dioxus
2
0
Fork 0
mirror of https://github.com/DioxusLabs/dioxus synced 2024-11-23 12:43:08 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix: login example to use proper methods

Browse source
This commit is contained in:
Jonathan Kelley 2022-02-16 14:11:31 -05:00
parent c6bdb5db76
commit babe862739
2 changed files with 12 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
examples/login_form.rs
View file

@ -3,20 +3,20 @@
use dioxus::events::*;
use dioxus::prelude::*;
use dioxus::router::{Link, Route, Router, RouterService};
use dioxus::router::{use_router, Link, Route, Router};
fn main() {
dioxus::desktop::launch(APP);
dioxus::desktop::launch(app);
}
static APP: Component = |cx| {
fn app(cx: Scope) -> Element {
cx.render(rsx! {
Router {
Route { to: "/", home() }
Route { to: "/login", login() }
}
})
};
}
fn home(cx: Scope) -> Element {
cx.render(rsx! {
@ -26,7 +26,7 @@ fn home(cx: Scope) -> Element {
}
fn login(cx: Scope) -> Element {
let service = cx.consume_context::<RouterService>()?;
let service = use_router(&cx);
let onsubmit = move |evt: FormEvent| {
to_owned![service];
@ -42,10 +42,10 @@ fn login(cx: Scope) -> Element {
match resp {
// Parse data from here, such as storing a response token
Ok(data) => service.push_route("/"),
Ok(_data) => service.push_route("/"),
//Handle any errors from the fetch here
Err(err) => {}
Err(_err) => {}
}
});
};
@ -55,13 +55,12 @@ fn login(cx: Scope) -> Element {
form {
onsubmit: onsubmit,
prevent_default: "onsubmit", // Prevent the default behavior of <form> to post
input { r#type: "text" }
input { "type": "text" }
label { "Username" }
br {}
input { r#type: "password" }
label {
"Password"
}
input { "type": "password" }
label { "Password" }
br {}
button { "Login" }
}

2
packages/router/src/hooks/use_route.rs
View file

@ -106,7 +106,7 @@ impl Drop for UseRouteListener {
}
/// This hook provides access to the `RouterService` for the app.
pub fn use_router(cx: &ScopeState) -> &RouterService {
pub fn use_router(cx: &ScopeState) -> &Rc<RouterService> {
cx.use_hook(|_| {
cx.consume_context::<RouterService>()
.expect("Cannot call use_route outside the scope of a Router component")