mirror of
https://github.com/DioxusLabs/dioxus
synced 2024-12-21 01:53:15 +00:00
cd4474cc4f
* work on updating docs to master version * more updates * more polishing * finish interactivity chapter * finish updating core guide * fix grammer mistakes and typos * more grammer fixes * add liveview guide * remove doc build * WIP custom renderer docs * add axum as dev-dependancy to guide * fix examples * fix overview example * use md book fork to fix compilation
31 lines
771 B
Rust
31 lines
771 B
Rust
#![allow(non_snake_case)]
|
|
use dioxus::prelude::*;
|
|
|
|
fn main() {
|
|
dioxus_desktop::launch(App);
|
|
}
|
|
|
|
// ANCHOR: component
|
|
fn App(cx: Scope) -> Element {
|
|
// count will be initialized to 0 the first time the component is rendered
|
|
let mut count = use_state(cx, || 0);
|
|
|
|
cx.render(rsx!(
|
|
h1 { "High-Five counter: {count}" }
|
|
button {
|
|
onclick: move |_| {
|
|
// changing the count will cause the component to re-render
|
|
count += 1
|
|
},
|
|
"Up high!"
|
|
}
|
|
button {
|
|
onclick: move |_| {
|
|
// changing the count will cause the component to re-render
|
|
count -= 1
|
|
},
|
|
"Down low!"
|
|
}
|
|
))
|
|
}
|
|
// ANCHOR_END: component
|