2023-04-03 13:34:34 -05:00
|
|
|
#![allow(non_snake_case)]
|
|
|
|
use dioxus::prelude::*;
|
2023-05-02 10:15:34 -05:00
|
|
|
use dioxus_fullstack::prelude::*;
|
2023-04-03 13:34:34 -05:00
|
|
|
|
|
|
|
pub fn app(cx: Scope) -> Element {
|
|
|
|
let mut count = use_state(cx, || 0);
|
|
|
|
let text = use_state(cx, || "...".to_string());
|
|
|
|
|
|
|
|
cx.render(rsx! {
|
|
|
|
h1 { "High-Five counter: {count}" }
|
|
|
|
button { onclick: move |_| count += 1, "Up high!" }
|
|
|
|
button { onclick: move |_| count -= 1, "Down low!" }
|
|
|
|
button {
|
|
|
|
onclick: move |_| {
|
|
|
|
to_owned![text];
|
|
|
|
async move {
|
|
|
|
if let Ok(data) = get_server_data().await {
|
|
|
|
println!("Client received: {}", data);
|
|
|
|
text.set(data.clone());
|
|
|
|
post_server_data(data).await.unwrap();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
"Run a server function"
|
|
|
|
}
|
|
|
|
"Server said: {text}"
|
|
|
|
})
|
|
|
|
}
|
|
|
|
|
|
|
|
#[server(PostServerData)]
|
|
|
|
async fn post_server_data(data: String) -> Result<(), ServerFnError> {
|
|
|
|
println!("Server received: {}", data);
|
|
|
|
|
|
|
|
Ok(())
|
|
|
|
}
|
|
|
|
|
|
|
|
#[server(GetServerData)]
|
|
|
|
async fn get_server_data() -> Result<String, ServerFnError> {
|
|
|
|
Ok("Hello from the server!".to_string())
|
|
|
|
}
|