如何在Yew.rs中获取被移入回调函数的state值？

问题根源 #

你遇到的两个错误本质是两个独立问题：

1. 直接解引用UseStateHandle<String>会尝试移动非Copy类型的String，触发E0507错误；
2. move闭包夺走了原title_state的所有权，导致后续渲染代码无法访问该变量，触发E0382错误。

解决方案 #

修正核心是提前克隆UseStateHandle供闭包使用，同时避免直接移动底层String，修改后的App组件代码如下：

#[function_component(App)]
fn app() -> Html {
    let title_state = use_state(|| String::default());
    // 提前克隆State Handle，供闭包使用
    let title_state_clone = title_state.clone();

    let title_change_cb = Callback::from(move |v: String| {
        // 使用克隆后的Handle更新状态
        title_state_clone.set(v);
    });

    html! {
        <>
            <TitleController callback={title_change_cb}/>
            // 方式1：使用不可变引用避免移动String
            <p>{&*title_state}</p>
            // 方式2：显式克隆字符串（适合需要独立副本的场景）
            // <p>{title_state.to_string()}</p>
        </>
    }
}

原理说明 #

• UseStateHandle是Yew提供的智能指针，实现了Clone trait，克隆操作仅复制指针，不会拷贝底层的String，性能开销可以忽略；
• 提前克隆后，move闭包只会获取克隆后title_state_clone的所有权，原title_state仍保留在组件根作用域，可正常用于渲染；
• 渲染时使用&*title_state获取底层String的不可变引用，Html宏原生支持&str类型，不会触发所有权移动；to_string()则是显式创建字符串副本，同样能避免移动原state的所有权。

错误原因复盘 #

之前在闭包内写let title_state = title_state.clone();的做法无效，是因为move闭包已经将原title_state的所有权移进了闭包，外部代码无法再访问该变量。提前克隆并将克隆实例交给闭包，才能保留原实例的所有权供渲染使用。

内容的提问来源于stack exchange，提问作者ppsn