SwiftUI是否有类似React.useEffect的机制？键盘监听问题求解

核心问题分析 #

你遇到的问题本质是两个点：

1. SwiftUI里没有直接对应React.useEffect的API，但可以通过生命周期回调+状态变化监听组合实现类似逻辑；
2. 你的键盘监听器没有在View销毁时移除，且没有在依赖值（hello）变化时更新，导致旧的监听器一直捕获初始值。

解决方案 #

1. 实现监听器的添加与移除

要保证每个ContentView实例在出现时添加监听器，消失时移除监听器，同时让监听器捕获最新的hello值，修改代码如下：

import SwiftUI
import PlaygroundSupport

struct ContentView : View {
  let hello: String
  @State private var monitor: Any?
  @State private var text = ""
  
  init(hello: String) {
    self.hello = hello
    print("ContentView init")
  }

  var body: some View {
    VStack{
      Text(hello)
        .padding()
      TextField("input", text: $text)
    }
    .onAppear {
      addKeyMonitor()
    }
    .onDisappear {
      removeKeyMonitor()
    }
  }
  
  // 封装添加监听器的逻辑
  private func addKeyMonitor() {
    // 用[hello]显式捕获当前值，确保拿到最新的hello
    monitor = NSEvent.addLocalMonitorForEvents(matching: .keyDown) { [hello] event in
      print(hello)
      return nil
    }
  }
  
  // 封装移除监听器的逻辑，避免内存泄漏
  private func removeKeyMonitor() {
    if let existingMonitor = monitor {
      NSEvent.removeMonitor(existingMonitor)
      monitor = nil
    }
  }
}

struct MainView: View {
  @State private var hello: String = "h"
  
  var body: some View {
    // 注意：这里必须用VStack包裹多个View，否则ContentView不会被正确显示
    VStack(spacing: 20) {
      ContentView(hello: hello)
      Button(action: {
        hello += "_h"
      }) {
        Text("tap me")
          .padding()
          .background(Color.blue)
          .foregroundColor(.white)
          .cornerRadius(8)
      }
    }
    .frame(width: 350, height: 250)
  }
}

PlaygroundPage.current.setLiveView(MainView())

2. SwiftUI中类似useEffect的替代方案

React的useEffect可以指定依赖数组，在依赖变化时执行副作用和清理逻辑，SwiftUI里可以通过以下方式实现：

• .onAppear + .onDisappear：对应useEffect无依赖时的"初始执行+销毁清理"，适合View生命周期相关的副作用；
• .onChange(of:)：对应useEffect依赖数组变化时的触发逻辑，比如当hello变化时，手动更新监听器；
• 自定义ViewModifier：如果需要复用类似useEffect的逻辑，可以封装成Modifier，统一处理副作用和清理。

比如如果要在hello变化时直接更新监听器（不需要等View重建），可以在ContentView里添加：

.onChange(of: hello) { _ in
  removeKeyMonitor()
  addKeyMonitor()
}

效果验证 #

修改后点击按钮，每次hello更新，旧的ContentView会触发.onDisappear移除旧监听器，新的ContentView初始化并添加新监听器，此时按下键盘会打印最新的hello值，输出会变成：

ContentView init
h
h
ContentView init
h_h
h_h

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