is #[component]

[morvoxa]

use std::collections::HashMap;

use dioxus::prelude::*;

const TAILWIND_CSS: Asset = asset!("/assets/tailwind.css");

fn main() {
    dioxus::launch(App);
}

#[component]

fn App() -> Element {
    let mut sig = use_signal(|| 0);
    let mut img_src = vec![
        "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTDeRKEc_fh-irEXEAortEqnG0f0cTp8Yh33ic2FV8BtA&s=10",
        "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS50y4apASDsBzHp4Q_r_D7-8I6HhaYLJM8hqp9i_iy2w&s=10"];
    let current_val = *sig.read();
    let index = if current_val >= 0 {
        current_val as usize
    } else {
        0
    };
    let img_val = img_src.get(index).unwrap_or(&img_src[0]);
    rsx! {
        document::Stylesheet { href: TAILWIND_CSS }
        Top {}
        Display { img: img_val }
        NavImg { x: sig }
    }
}
#[component]
fn Top() -> Element {
    rsx! {
        div {
            h1 { id: "titile", class: "text-center text-green-500", "Image" }
        }
    }
}
#[component]
fn Display(img: String) -> Element {
    rsx! {
        div { id: "display", class: "flex justify-center m-6",
            img { class: "text-center w-40 h-40", src: "{img}" }
        }
    }
}
#[component]
fn NavImg(x: Signal<i32>) -> Element {
    rsx! {
        div { class: "flex gap-4 justify-center",
            button {
                onclick: move |_| *x.write() += 1,
                id: "next",
                class: "bg-green-500",
                "Next"
            }
            button {
                onclick: move |_| *x.write() -= 1,
                id: "prev",
                class: "bg-green-500",
                "Prev"
            }
            h1 { "{x}" }
        }
    }
}

i try dioxus , but in func Display i declare img : String but the img_val from App is &&str , what happen here because my app is work compile success can some one tellme .

the problem that i dont uderstand is why &&str can put in String : hope fully some one answer

[ealmloff]

Not sure I understand the question here. Is the question why does this compile even though the types do not line up? If so try installing and running cargo expand on this code snippet. there is automatic conversion logic the component macro generates for common types like string

[morvoxa]

Oke I will try cargo expand, tanks for the answer

[ikinshhh]

H