|
@@ -5,13 +5,13 @@
|
|
|
**Dioxus** is a framework and ecosystem for building fast, scalable, and robust user interfaces with the Rust programming language. This guide will help you get started with Dioxus running on the Web, Desktop, Mobile, and more.
|
|
|
|
|
|
```rust
|
|
|
-fn App(cx: Scope) -> Element {
|
|
|
- let mut count = use_state(&cx, || 0);
|
|
|
+fn app(cx: Scope) -> Element {
|
|
|
+ let (count, set_count) = use_state(&cx, || 0);
|
|
|
|
|
|
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 |_| set_count(count + 1), "Up high!" }
|
|
|
+ button { onclick: move |_| set_count(count - 1), "Down low!" }
|
|
|
))
|
|
|
};
|
|
|
```
|