2023-08-08 13:27:45 -07:00
|
|
|
use dioxus::prelude::*;
|
|
|
|
|
|
|
|
fn main() {
|
2024-01-30 17:59:57 -08:00
|
|
|
launch(app)
|
2023-08-08 13:27:45 -07:00
|
|
|
}
|
|
|
|
|
2024-01-30 17:59:57 -08:00
|
|
|
fn app() -> Element {
|
2024-01-19 14:19:49 -08:00
|
|
|
let mut signal = use_signal(|| 0);
|
2024-01-20 23:32:12 -08:00
|
|
|
let doubled = use_memo(move || signal * 2);
|
2023-08-08 13:27:45 -07:00
|
|
|
|
2024-01-16 13:18:46 -06:00
|
|
|
rsx! {
|
2023-08-08 13:27:45 -07:00
|
|
|
button {
|
2024-01-19 14:19:49 -08:00
|
|
|
onclick: move |_| signal += 1,
|
2023-08-08 13:27:45 -07:00
|
|
|
"Increase"
|
|
|
|
}
|
2024-01-13 21:18:36 -08:00
|
|
|
Child { signal: doubled }
|
2023-08-08 13:27:45 -07:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2023-09-15 16:13:36 +02:00
|
|
|
#[component]
|
2024-01-13 20:51:37 -08:00
|
|
|
fn Child(signal: ReadOnlySignal<usize>) -> Element {
|
2024-01-16 13:18:46 -06:00
|
|
|
rsx! { "{signal}" }
|
2023-08-08 13:27:45 -07:00
|
|
|
}
|