React重渲染及状态更新时state对象是否保持同一实例？

直接给分场景的结论，没有弯弯绕：

• 组件非当前state更新触发的重渲染场景：比如父组件重渲染带动的子组件重渲染、组件内其他state更新触发的重渲染，只要你没有调用setState修改这个对象状态，每次渲染拿到的state都是同一个实例，完全保留最初存入的对象引用地址，React不会主动重建、拷贝你存储的状态对象。
• 调用setState触发当前状态更新的场景：React不会对传入的状态值做任何主动拷贝，新渲染周期拿到的state引用完全取决于你传给setState的值：
  • 如果你直接修改原state的属性后，把原state对象作为参数传给setState，那新旧state会是同一个实例，引用地址完全一致。这种写法是React明确不推荐的错误写法——React对状态更新做的是浅比较，发现新旧状态引用相同，会直接判定状态无变化，大概率不会触发预期的重渲染，导致视图和状态不同步。
  • 如果你按照规范创建了新的对象实例传给setState（比如用展开运算符拷贝原对象属性后修改目标字段），那新的state就是这个新创建的对象实例，和旧state的引用地址完全不同，React会正常触发重渲染。

代码示例 #

错误的更新写法（引用不变，可能不触发更新）：

// 直接修改原state对象属性
state.name = "John";
// 传入原对象引用
setState(state);

符合规范的更新写法（生成新引用，正常触发更新）：

// 创建全新对象，拷贝原属性后覆盖修改项
setState({
  ...state,
  name: "John"
});

补充提示：哪怕你用函数式更新的写法（setState(prev => {})），逻辑也完全一致——React会直接存储你return的那个值的引用，不会做额外的拷贝处理，不要依赖React帮你做对象复制的操作。

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