Mirrors/dioxus
2
0
Fork 0
mirror of https://github.com/DioxusLabs/dioxus synced 2024-11-10 06:34:20 +00:00
Code Issues Projects Releases Packages Wiki Activity

revert readme example to the simple counter

Browse source
This commit is contained in:
Evan Almloff 2024-02-02 14:49:17 -06:00
parent 308226996c
commit 79501e43c1
1 changed files with 0 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
examples/readme.rs
View file

@ -9,33 +9,9 @@ fn main() {
fn app() -> Element {
let mut count = use_signal(|| 0);
use_effect(move || {
println!("The count is now: {}", count);
});
rsx! {
h1 { "High-Five counter: {count}" }
Child { sig: count }
button { onclick: move |_| count += 1, "Up high!" }
button { onclick: move |_| count -= 1, "Down low!" }
}
}
#[component]
fn Child(sig: Signal<i32>) -> Element {
let doubled = use_memo(move || sig() * 2);
let tripled = use_async_memo(move || async move {
tokio::time::sleep(Duration::from_millis(200)).await;
sig() * 3
});
let trippled = use_memo(move || match tripled.value() {
Some(v) => v.cloned(),
None => 1338,
});
rsx! {
"The count is: {sig}, doubled: {doubled}, tripled: {trippled}"
}
}