SwiftUI中onReceive修饰符因视图重渲染触发的问题咨询

你遇到的核心问题是Just(inputText)的特性导致的：每次视图body重新计算时，Just都会发送当前的inputText值，哪怕这个值根本没有变化。当你更新someLocalState触发视图重渲染后，Just会再次触发onReceive回调，造成重复执行。

下面提供两种简单的解决方法：

方法1：给Just添加removeDuplicates()过滤重复值 #

通过Combine的removeDuplicates()操作符，让发布者只在inputText真正发生变化时才发送事件，过滤掉视图重绘带来的重复值：

struct MyTextField: View {
    @State private var someLocalState = ""
    @State private var inputText = ""

    var body: some View {
        TextField("Enter Text", text: $inputText)
            .onReceive(Just(inputText).removeDuplicates()) { newValue in
                print(newValue)
                // do something, store result in localstate
                someLocalState = doSomething()
                if someLocalState meets some condition {
                    inputText = someLocalState
                }
            }
    }
    
    private func doSomething() -> String {
        // 你的业务逻辑实现
        return newValue.uppercased()
    }
}

方法2：改用SwiftUI原生的onChange修饰符 #

onChange(of:)是SwiftUI专门用来监听值变化的API，它本身就只会在值确实发生改变时触发回调，不会因为视图重绘而重复执行，代码更简洁：

struct MyTextField: View {
    @State private var someLocalState = ""
    @State private var inputText = ""

    var body: some View {
        TextField("Enter Text", text: $inputText)
            .onChange(of: inputText) { newValue in
                print(newValue)
                // do something, store result in localstate
                someLocalState = doSomething()
                if someLocalState meets some condition {
                    inputText = someLocalState
                }
            }
    }
    
    private func doSomething() -> String {
        // 你的业务逻辑实现
        return newValue.uppercased()
    }
}

补充说明 #

两种方案都能解决重复触发的问题：

• 如果你的逻辑需要结合其他Combine操作符，优先选择方法1；
• 若只是单纯监听值变化，方法2更符合SwiftUI的原生设计，代码可读性更高。

另外要注意：当你把inputText设为someLocalState时，如果两者值相同，上述两种方案都不会再次触发回调，避免了无限循环的风险。

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