事件处理

点击事件

button([text("提交")]).onClick({ ctx =>
    PatchResult.ReRender
})

如果不需要显式返回 PatchResult，也可简写（Button、MenuItem、Tag、Link 均支持）：

Button("提交").onClick({ ctx =>
    // 框架自动走 ReRender
})

MenuItem("首页").onClick({ ctx =>
    ctx.route.push("/")
})

其他事件

其他事件

input().on("focus", { ctx => PatchResult.ReRender })
input().on("blur", { ctx => PatchResult.ReRender })
div().on("mouseenter", { ctx => PatchResult.ReRender })

ActionContext

事件回调接收 ActionContext，可通过它访问共享状态和导航：

button(text("跳转")).onClick({ ctx =>
    let st = ctx.getState<MyState>()
    ctx.route.push("/other-page")
    PatchResult.ReRender
})

PatchResult

枚举值	行为
ReRender	触发脏组件重渲，发送增量 patch