12345678910111213141516171819202122232425262728293031323334353637383940 |
- #![allow(non_snake_case)]
- use dioxus::prelude::*;
- use dioxus_fullstack::prelude::*;
- 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())
- }
|