React开发：视图发生变化时是否应始终更新模型？

React的单向绑定确实给了开发者灵活控制模型更新的空间，但无条件在任何事件触发时更新模型并不是最佳实践，得结合具体场景判断：

适合立即更新模型的场景 #

• 用户操作直接对应明确的状态变更：比如你例子里的checkbox切换完成状态，点击后立即更新item.complete，能保证UI和数据实时同步，避免出现UI显示和模型数据不一致的bug，这类场景下立即更新是合理的。
• 实时性要求高的交互：比如滑块控制音量、颜色选择器，用户操作后需要即时反馈，同步更新模型能确保状态统一。

不需要/不适合立即更新模型的场景 #

• 批量操作场景：比如批量选择列表项后执行删除/标记操作，没必要每勾选一个就更新源模型，可以先把选中的ID存在组件临时状态中，等用户确认执行批量操作时，再一次性更新模型，减少不必要的状态变更和组件重渲染，提升性能。
• 需要防抖/节流的交互：比如搜索框输入、滚动加载，用户快速输入或滚动时，频繁更新模型会导致频繁的接口请求或重渲染，这时候应该先通过防抖/节流处理，等用户操作暂停后再更新模型，减少资源消耗。
• 未确认的临时操作：比如表单编辑，用户修改内容但还没点击“保存”，可以把修改内容存在组件的临时状态里，等用户确认保存后再同步到源模型，避免误操作导致模型数据被意外修改。

总结 #

最佳实践是根据操作意图、交互场景和性能需求来决定模型更新时机，核心是在保证数据一致性的前提下，兼顾用户体验和性能，不要为了遵循“单向绑定”的形式而强制每次事件都更新模型。

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