一、onClick 点击事件

1. 触发条件：手指点击、鼠标点击组件时立刻执行，几乎所有可视化组件都能绑定。
2. 用途：处理点击交互，比如按钮弹窗、页面跳转、确认操作、切换显示隐藏等。
3. 特点：只要产生点击动作就会触发，和组件内部数据是否变化无关。

Button("点击我")
  .onClick(() => {
    console.info("按钮被点击了")
  })

二、onChange 值变更事件

1. 触发条件：组件内部的数据、选中内容发生改动时才触发，单纯点击不会生效。
2. 适用组件：输入框、下拉选择、滑块、单选 / 复选框这类带有可修改数值的控件。
3. 用途：实时获取用户输入文字、读取选中选项、监听滑动数值、判断勾选状态。

TextInput()
  .onChange((value: string) => {
    console.info("输入框内容变化：", value)
  })

适用场景

实时获取输入内容、监听下拉选中项、滑块拖动数值变化、复选框勾选状态变更。

两者核心区别

• onClick 响应点击动作；
• onChange 响应数据改变