SwiftUI+Combine实现输入框无按钮触发网络请求（避免循环）

你的代码出现无限循环的核心原因是：在View的onReceive中重复创建订阅，且每次文本变化都会触发新的订阅逻辑，同时异步请求的回调可能修改ViewModel的属性，再次触发视图更新，形成循环。

要实现每次文本变化仅发送一次请求，正确的做法是将Combine订阅逻辑放在ViewModel内部（而非View中），以下是具体实现：

1. 修正ViewModel逻辑 #

将订阅、请求防抖、重复过滤等逻辑封装到ViewModel中，确保订阅只初始化一次：

import Combine
import SwiftUI

class HomePageVM: ObservableObject {
    @Published var orderNumber = ""
    @Published var getVoucherInfoModel: VoucherInfoModel?
    private var cancellables = Set<AnyCancellable>()
    
    init() {
        setupOrderNumberListener()
    }
    
    private func setupOrderNumberListener() {
        $orderNumber
            // 过滤空输入，避免无效请求
            .filter { !$0.isEmpty }
            // 防抖：用户连续输入时，等待0.5秒再发请求（可根据需求调整时长）
            .debounce(for: .seconds(0.5), scheduler: DispatchQueue.main)
            // 移除重复输入，避免重复请求同一内容
            .removeDuplicates()
            .sink { [weak self] currentOrderNum in
                guard let self = self else { return }
                // 发起服务器请求
                self.getVoucherInfo { result in
                    // 异步回调时，需校验当前输入是否与请求时一致（避免用户已输入新内容）
                    if self.orderNumber == currentOrderNum {
                        self.getVoucherInfoModel = result
                        print(result)
                    }
                }
            }
            .store(in: &cancellables)
    }
    
    // 模拟服务器请求方法（替换为你的真实请求逻辑）
    func getVoucherInfo(completion: @escaping (VoucherInfoModel) -> Void) {
        DispatchQueue.global().asyncAfter(deadline: .now() + 0.3) {
            let mockModel = VoucherInfoModel(orderNumber: self.orderNumber)
            completion(mockModel)
        }
    }
}

// 替换为你的实际模型结构
struct VoucherInfoModel: Codable {
    var orderNumber: String
}

2. 简化View代码 #

View只需绑定ViewModel的orderNumber即可，无需额外的onReceive逻辑：

struct ContentView: View {
    @StateObject var homePageVM = HomePageVM()
    
    var body: some View {
        TextField("请输入订单号", text: $homePageVM.orderNumber)
            .textFieldStyle(.roundedBorder)
            .padding()
    }
}

关键优化点说明 #

• 订阅仅初始化一次：在ViewModel的init中创建订阅，避免View刷新时重复创建订阅导致的循环。
• 防抖处理：debounce可以避免用户连续输入时频繁发送请求，减轻服务器压力。
• 重复输入过滤：removeDuplicates确保同一内容不会重复发起请求。
• 异步回调校验：网络请求是异步的，回调时校验当前输入与请求时的内容一致，避免更新过时的请求结果。
• 弱引用避免内存泄漏：使用[weak self]防止ViewModel被循环引用无法释放。

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