2022-09-13 05:49:04 +00:00
|
|
|
use dioxus::prelude::*;
|
|
|
|
|
|
|
|
fn main() {
|
|
|
|
dioxus_desktop::launch(app);
|
|
|
|
}
|
|
|
|
|
|
|
|
fn app(cx: Scope) -> Element {
|
|
|
|
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
|
2022-11-16 07:31:23 +00:00
|
|
|
(0..10).map(|f| rsx! { "{f}" }),
|
|
|
|
|
2022-11-16 07:22:41 +00:00
|
|
|
// Collect into an intermediate collection if necessary, and call into_iter
|
2022-11-16 07:31:23 +00:00
|
|
|
["a", "b", "c", "d", "e", "f"]
|
2022-11-16 07:22:41 +00:00
|
|
|
.into_iter()
|
|
|
|
.map(|f| rsx! { "{f}" })
|
|
|
|
.collect::<Vec<_>>()
|
|
|
|
.into_iter(),
|
|
|
|
|
|
|
|
// Use optionals
|
2022-11-16 07:31:23 +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 {
|
|
|
|
rsx!{ "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
|
|
|
))
|
|
|
|
}
|