Jonathan Kelley
dd4547d753
Add functions like window() and router() to allow dynamically grabbing global contexts without have to use the hook variants. Deprecates the existing hook variants to discourage folks from adding more noise to their codebases.
46 lines
1.2 KiB
Rust
46 lines
1.2 KiB
Rust
//! This example demonstrates the following:
|
|
//! Futures in a callback, Router, and Forms
|
|
|
|
use dioxus::prelude::*;
|
|
|
|
fn main() {
|
|
dioxus_desktop::launch(app);
|
|
}
|
|
|
|
fn app(cx: Scope) -> Element {
|
|
let onsubmit = move |evt: FormEvent| async move {
|
|
let resp = reqwest::Client::new()
|
|
.post("http://localhost:8080/login")
|
|
.form(&[
|
|
("username", &evt.values["username"]),
|
|
("password", &evt.values["password"]),
|
|
])
|
|
.send()
|
|
.await;
|
|
|
|
match resp {
|
|
// Parse data from here, such as storing a response token
|
|
Ok(_data) => println!("Login successful!"),
|
|
|
|
//Handle any errors from the fetch here
|
|
Err(_err) => {
|
|
println!("Login failed - you need a login server running on localhost:8080.")
|
|
}
|
|
}
|
|
};
|
|
|
|
cx.render(rsx! {
|
|
h1 { "Login" }
|
|
form {
|
|
onsubmit: onsubmit,
|
|
input { r#type: "text", id: "username", name: "username" }
|
|
label { "Username" }
|
|
br {}
|
|
input { r#type: "password", id: "password", name: "password" }
|
|
label { "Password" }
|
|
br {}
|
|
button { "Login" }
|
|
}
|
|
})
|
|
}
|