如何将参数传递给onclick回调- yew函数组件

Question

如何正确地将参数传递给红豆杉函数组件中的onclick事件处理程序？

我所拥有的：

#[function_component(Calculator)]
pub fn calulator() -> Html {
    let navigator = use_navigator().unwrap();
    let handle_formula_click = Callback::from(move |_| {
        navigator.push(&AppRoute::Formula { id })
    });

    html! {
            <div>
                ...
                <button onclick={handle_formula_click}>
                    ...
                </button>
                ...
            </div>
    }
}

我想把一个字符串传递给handle_formula_click回调

我想要的：

#[function_component(Calculator)]
pub fn calulator() -> Html {
    let navigator = use_navigator().unwrap();
    let handle_formula_click = Callback::from(move |id: String| {
        navigator.push(&AppRoute::Formula { id })
    });

    html! {
            <div>
                ...
                <button onclick={handle_formula_click("fixed1"}>
                    ...
                </button>
                ...
            </div>
    }
}

Answer 1

您可以执行以下操作：

<button onclick={ move |_|{ handle_formula_click.emit("fixed1");}}>