dioxus/examples/simple_list.rs

39 lines
1,006 B
Rust
Raw Normal View History

//! A few ways of mapping elements into rsx! syntax
//!
//! Rsx allows anything that's an iterator where the output type implements Into<Element>, so you can use any of the following:
use dioxus::prelude::*;
fn main() {
launch(app);
}
fn app() -> Element {
2024-01-16 19:18:46 +00:00
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
{(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
{["a", "b", "c", "d", "e", "f"]
2022-11-16 07:22:41 +00:00
.into_iter()
2024-01-16 19:18:46 +00:00
.map(|f| rsx! { "{f}" })
2022-11-16 07:22:41 +00:00
.collect::<Vec<_>>()
.into_iter()}
2022-11-16 07:22:41 +00:00
// Use optionals
{Some(rsx! { "Some" })}
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 {
div { "{name}" }
2022-11-17 06:20:41 +00:00
}
2022-11-17 06:20:41 +00:00
// Or even use an unterminated conditional
if true {
"hello world!"
}
2022-11-16 07:22:41 +00:00
}
2024-01-14 05:12:21 +00:00
)
}