如何在Iced框架中无需克隆即可跨视图传递表单值？

核心问题在于你把表单数据和视图状态绑定在了一起，导致切换视图时不得不克隆数据。正确的做法是让表单状态成为组件的持久化顶层状态，视图枚举仅标记当前的注册状态（已注册/未注册），不持有表单数据。

具体实现思路 #

1. 拆分状态结构：

   • 单独维护RegisterForm实例作为组件的核心状态（比如用响应式信号、可变状态容器等，取决于你用的框架）。
   • IpFetcher枚举仅保留状态标记：Unregistered、Registered，不再携带表单数据。

2. 共享表单状态：
   不管是Unregistered还是Registered视图，都直接使用同一个RegisterForm实例。两个视图的区别仅在于UI提示、按钮文案等，表单字段的编辑逻辑完全复用。

3. 简化update逻辑：
   处理Message::Register时，只需要切换IpFetcher的状态枚举即可，不需要克隆表单——因为表单数据始终在顶层状态中，两个视图都能访问和修改。

代码示例（以类似Leptos的框架为例） #

// 定义表单结构
#[derive(Default, Clone)]
struct RegisterForm {
    ip_addr: String,
    // 其他表单字段
}

// 仅标记注册状态的枚举
enum IpFetcherView {
    Unregistered,
    Registered,
}

// 消息类型
enum Message {
    Register,
    UpdateIp(String),
    // 对应其他字段的更新消息
}

fn update(view_state: &mut IpFetcherView, form: &mut RegisterForm, msg: Message) {
    match msg {
        Message::Register => {
            // 这里执行注册逻辑（比如提交表单到后端）
            // ...
            // 仅切换视图状态，无需克隆表单
            *view_state = IpFetcherView::Registered;
        }
        Message::UpdateIp(ip) => {
            form.ip_addr = ip;
        }
        // 处理其他字段的更新
    }
}

// 视图渲染函数
fn render_view(view_state: &IpFetcherView, form: &RegisterForm, send_msg: impl Fn(Message)) -> Html {
    match view_state {
        IpFetcherView::Unregistered => {
            html! {
                <form on:submit=|e| {
                    e.prevent_default();
                    send_msg(Message::Register);
                }>
                    <input
                        type="text"
                        placeholder="输入IP地址"
                        value={form.ip_addr.clone()}
                        on:input=|e| send_msg(Message::UpdateIp(event_target_value(&e)))
                    />
                    <button type="submit">{"提交注册"}</button>
                </form>
            }
        }
        IpFetcherView::Registered => {
            html! {
                <div>
                    <p>{"已完成注册，可修改后重新提交"}</p>
                    <form on:submit=|e| {
                        e.prevent_default();
                        send_msg(Message::Register);
                    }>
                        <input
                            type="text"
                            value={form.ip_addr.clone()}
                            on:input=|e| send_msg(Message::UpdateIp(event_target_value(&e)))
                        />
                        <button type="submit">{"重新提交"}</button>
                    </form>
                </div>
            }
        }
    }
}

关于Option失败的原因 #

你之前尝试用Option<RegisterForm>传递值，大概率是因为把表单所有权转移给了Registered变体，导致Unregistered视图失去了对表单的访问权。而抽离状态后，所有权始终在组件顶层，所有视图都能共享访问，自然不存在这个问题。

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