防止直接修改 state（direct state mutations）有什么好处？

What are the benefits of preventing the direct state mutations?

题目类型: 技术面试题

这是一道技术面试题，常见于澳洲IT公司面试中。

难度: medium

分类: State Management, Best Practices

标签: immutability, state mutation, predictability, rendering, debugging

参考答案摘要

TL;DR 避免直接修改 state 可以让 React 的渲染更加可预测、减少隐蔽 bug，并提升性能与调试体验。 答案 保证 UI 可预测： React 依赖“引用变化”来判断是否需要更新。直接 mutation 可能导致 React 认为 state 没变，从而 UI 不更新。 减少渲染阶段的隐蔽 bug： 直接修改 state 会让数据在不同渲染之间共享同一引用，容易产生不可预期的显示结果...

本题提供 STAR 原则详细解答和技术解析，登录匠人学院学习中心即可查看完整答案。