Browse Source

docs: update readme with new usestate

Jonathan Kelley 3 năm trước cách đây
mục cha
commit
977ae1d44e
2 tập tin đã thay đổi với 7 bổ sung7 xóa
  1. 5 5
      README.md
  2. 2 2
      examples/readme.rs

+ 5 - 5
README.md

@@ -62,13 +62,13 @@ Dioxus is a portable, performant, and ergonomic framework for building cross-pla
 
 ```rust
 fn app(cx: Scope) -> Element {
-    let (count, set_count) = use_state(&cx, || 0);
+    let count = use_state(&cx, || 0);
 
-    cx.render(rsx!(
+    cx.render(rsx! {
         h1 { "High-Five counter: {count}" }
-        button { onclick: move |_| set_count(count + 1), "Up high!" }
-        button { onclick: move |_| set_count(count - 1), "Down low!" }
-    ))
+        button { onclick: move |_| count.set(count + 1), "Up high!" }
+        button { onclick: move |_| count.set(count - 1), "Down low!" }
+    })
 }
 ```
 

+ 2 - 2
examples/readme.rs

@@ -14,8 +14,8 @@ fn app(cx: Scope) -> Element {
     cx.render(rsx! {
         div {
             h1 { "High-Five counter: {count}" }
-            button { onclick: move |_| *count.make_mut() += 1, "Up high!" }
-            button { onclick: move |_| *count.make_mut() -= 1, "Down low!" }
+            button { onclick: move |_| count.set(count + 1), "Up high!" }
+            button { onclick: move |_| count.set(count - 1), "Down low!" }
         }
     })
 }