Custom component with onclick handler

[wackazong]

I have a custom button like this

#[component]
pub fn IconButton(onclick: Option<EventHandler>) -> Element {
    rsx!(
        a {
            onclick: move |event| if let Some(handler) = onclick{ handler.call(event)},
            Icon {
                ... irrelevant stuff here ...
            }
        }
    )
}

Dioxus complains that the .call() function expects the unit type () as input, not the event. What am I doing wrong here?

[ealmloff]

EventHandler takes a generic argument for the parameter to the function. If you want to take a function that accepts MouseEvent as an argument, you can use EventHandler<MouseEvent>

[wackazong]

Ok, thanks. That was not easy to spot due to the default generic type of (). Thanks for the hint.

Working version here for future reference:

#[component]
pub fn IconButton(onclick: Option<EventHandler<MouseEvent>>) -> Element {
    rsx!(
        a {
            onclick: move |event| if let Some(handler) = onclick{ handler.call(event)},
            Icon {
                ... irrelevant stuff here ...
            }
        }
    )
}