Merge branch 'master' into jk/partialexpansion

examples/login_form.rs

@@ -0,0 +1,48 @@
+//! This example demonstrates the following:
+//! Futures in a callback, Router, and Forms
+
+use dioxus::events::*;
+use dioxus::prelude::*;
+
+fn main() {
+    dioxus::desktop::launch(app);
+}
+
+fn app(cx: Scope) -> Element {
+    let onsubmit = move |evt: FormEvent| {
+        cx.spawn(async move {
+            let resp = reqwest::Client::new()
+                .post("http://localhost/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"),
+            }
+        });
+    };
+
+    cx.render(rsx! {
+        h1 { "Login" }
+        form {
+            onsubmit: onsubmit,
+            prevent_default: "onsubmit", // Prevent the default behavior of <form> to post
+
+            input { "type": "text" }
+            label { "Username" }
+            br {}
+            input { "type": "password" }
+            label { "Password" }
+            br {}
+            button { "Login" }
+        }
+    })
+}