在Dioxus中修改未实现Clone的第三方结构体UseState

当依赖的第三方结构体无法实现Clone trait，且必须使用其自带的可变方法修改状态时，use_state的限制会导致编译失败。此时可以改用use_ref来管理状态，它基于RefCell实现，允许通过可变引用直接修改结构体，无需Clone。

修改后的代码示例 #

use dioxus::prelude::*;

struct ThirdPartyStruct(i64);

impl ThirdPartyStruct {
    fn add_one(&mut self) {
        self.0 += 1;
    }
}

fn app(cx: Scope) -> Element {
    // 用use_ref创建RefCell包裹的状态实例
    let third_party_struct = use_ref(cx, || ThirdPartyStruct(0));

    cx.render(rsx! {
        button {
            onclick: move |_| {
                // 通过borrow_mut()获取可变引用调用修改方法
                third_party_struct.borrow_mut().add_one();
                // 手动触发UI重渲染（use_ref不会自动触发更新）
                cx.needs_update();
            },
            "Click me!"
        }
        p {
            // 通过borrow()获取不可变引用读取值
            "{third_party_struct.borrow().0}"
        }
    })
}

关键说明 #

• use_ref返回的UseRef<T>内部封装了RefCell<T>，支持在单线程环境下安全地获取可变/不可变引用，完全不需要结构体实现Clone。
• 与use_state不同，use_ref不会自动触发UI重渲染，所以修改状态后必须调用cx.needs_update()通知Dioxus更新界面。
• 读取状态时使用borrow()，修改时使用borrow_mut()，只要保证同一时间不同时持有可变和不可变引用，就不会触发RefCell的运行时panic（Dioxus的单线程渲染模型天然满足这个条件）。

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