dioxus-mirror/examples/rsx_compile_fail.rs

//! This example just flexes the ability to use arbitrary expressions within RSX.
//! It also proves that lifetimes work properly, especially when used with use_ref

use dioxus::prelude::*;
use dioxus_ssr::config::SsrConfig;

fn main() {
    let mut vdom = VirtualDom::new(example);
    _ = vdom.rebuild();

    let out = dioxus_ssr::render_vdom_cfg(&vdom, SsrConfig::default().newline(true).indent(true));
    println!("{}", out);
}

fn example(cx: Scope) -> Element {
    let items = use_state(&cx, || {
        vec![Thing {
            a: "asd".to_string(),
            b: 10,
        }]
    });

    let things = use_ref(&cx, || {
        vec![Thing {
            a: "asd".to_string(),
            b: 10,
        }]
    });
    let things_list = things.read();

    let mything = use_ref(&cx, || Some(String::from("asd")));
    let mything_read = mything.read();

    cx.render(rsx!(
        div {
            div { id: "asd",
                "your neighborhood spiderman"

                items.iter().cycle().take(5).map(|f| rsx!{
                    div { "{f.a}" }
                })

                things_list.iter().map(|f| rsx!{
                    div { "{f.a}" "{f.b}" }
                })

                mything_read.as_ref().map(|f| rsx! {
                    div { "{f}" }
                })
            }
        }
    ))
}

struct Thing {
    a: String,
    b: u32,
}