状态State
你可能会说
提交按钮点下去先显示保存中,成功或失败后再更新提示。
状态是界面在当前时刻需要记住、并会随操作或结果变化的信息。例如表单正在提交、弹窗是否打开、购物车数量和当前筛选条件都是状态;同一个组件会根据这些值显示不同画面。它不是组件本身,也不是所有长期数据都应只放在页面状态里。
先知道
也常被叫作UI 状态界面状态UI State
延伸阅读 · 权威出处
提交按钮点下去先显示保存中,成功或失败后再更新提示。
记录当前而非永远:用户点击保存后,页面记住“正在提交”,以避免重复点击并显示等待;请求结束后再改为成功或错误。
状态驱动画面:同一按钮和提示区会根据当前值显示不同内容。状态变化应来自真实操作或请求结果,不能只靠把成功文案提前写上去。
请检查这个保存流程的状态:点击后按钮显示“保存中”并禁用重复提交;只有接口成功才显示“已保存”,失败时显示错误和重试入口。改完后分别验证成功和失败两种结果。