swaits/dioxus
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: proper handling of events

Browse Source
This commit is contained in:
Jonathan Kelley committed 2021-09-22 02:44:01 -04:00
1 parent c7d2d9d050
commit d7940aa2ac
7 files changed
+116 -62
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/web/examples/basic.rs
+33 -26
View File
@@ -22,36 +22,43 @@ fn main() {
dioxus_web::launch(APP, |c| c)
}
static APP: FC<()> = |cx, props|{
static APP: FC<()> = |cx, props| {
let mut count = use_state(cx, || 3);
cx.render(rsx! {
div {
button {
onclick: move |_| count += 1,
"Click to add."
"Current count: {count}"
}
ul {
{(0..*count).map(|f| rsx!{
li { "a - {f}" }
li { "b - {f}" }
li { "c - {f}" }
})}
}
Child {}
button {
// onclick: move |_| count += 1,
onmouseover: move |_| count += 5,
onmouseout: move |_| count -= 5,
"Click to add."
"Current count: {count}"
}
// div {
// button {
// onclick: move |_| count += 1,
// "Click to add."
// "Current count: {count}"
// }
// ul {
// {(0..*count).map(|f| rsx!{
// li { "a - {f}" }
// li { "b - {f}" }
// li { "c - {f}" }
// })}
// }
// Child {}
// }
})
};
static Child: FC<()> = |cx, props|{
cx.render(rsx! {
div {
div {
div {
"hello child"
}
}
}
})
};
// static Child: FC<()> = |cx, props| {
// cx.render(rsx! {
// div {
// div {
// div {
// "hello child"
// }
// }
// }
// })
// };