2022-09-13 05:49:04 +00:00
|
|
|
use dioxus::prelude::*;
|
|
|
|
|
|
|
|
fn main() {
|
|
|
|
dioxus_desktop::launch(app);
|
|
|
|
}
|
|
|
|
|
2024-01-14 04:51:37 +00:00
|
|
|
fn app() -> Element {
|
2022-09-13 05:49:04 +00:00
|
|
|
cx.render(rsx!(
|
2022-11-17 06:20:41 +00:00
|
|
|
div {
|
2022-11-16 07:22:41 +00:00
|
|
|
// Use Map directly to lazily pull elements
|
2024-01-11 03:33:34 +00:00
|
|
|
{(0..10).map(|f| rsx! { "{f}" })},
|
2022-11-16 07:31:23 +00:00
|
|
|
|
2022-11-16 07:22:41 +00:00
|
|
|
// Collect into an intermediate collection if necessary, and call into_iter
|
2024-01-11 03:33:34 +00:00
|
|
|
{["a", "b", "c", "d", "e", "f"]
|
2022-11-16 07:22:41 +00:00
|
|
|
.into_iter()
|
|
|
|
.map(|f| rsx! { "{f}" })
|
|
|
|
.collect::<Vec<_>>()
|
2024-01-11 03:33:34 +00:00
|
|
|
.into_iter()},
|
2022-11-16 07:22:41 +00:00
|
|
|
|
|
|
|
// Use optionals
|
2024-01-11 03:33:34 +00:00
|
|
|
{Some(rsx! { "Some" })},
|
2022-11-17 06:10:50 +00:00
|
|
|
|
2022-11-18 06:55:46 +00:00
|
|
|
// use a for loop where the body itself is RSX
|
2022-11-17 06:20:41 +00:00
|
|
|
for name in 0..10 {
|
2022-11-18 06:55:46 +00:00
|
|
|
div {"{name}"}
|
2022-11-17 06:20:41 +00:00
|
|
|
}
|
2022-11-17 06:10:50 +00:00
|
|
|
|
2022-11-17 06:20:41 +00:00
|
|
|
// Or even use an unterminated conditional
|
|
|
|
if true {
|
2024-01-11 03:33:34 +00:00
|
|
|
"hello world!"
|
2022-11-17 06:10:50 +00:00
|
|
|
}
|
2022-11-16 07:22:41 +00:00
|
|
|
}
|
2022-09-13 05:49:04 +00:00
|
|
|
))
|
|
|
|
}
|