通过赋值设置状态

Question

在react中，是否有人希望通过赋值而不是调用setState（…）来设置变量的状态的原因

例子：

// accessing state var directly
this.state.myVar = 'changed state'
// instead of calling setState
this.setState({myVar: 'changed state'})

在我看来，这似乎是一种反模式。但也许有一个很好的解释为什么有时候这是必要的？

Answer 1

在这种情况下，直接设置（改变）状态将起作用：this.state.myVar='changed state'
但是，根据以下说明，应该避免：

切勿直接对该状态进行变异，因为之后调用setState（）可能会替换您进行的变异。将此.state视为是不可变的。

改变状态的主要问题是它会阻止某些React生命周期方法工作。例如，React的shouldComponentUpdate（）方法通常用于在处理大量组件时加速应用程序。如果状态已更新，该方法允许您跳过重新渲染组件：

// Return false if you want to skip the `render()` method
shouldComponentUpdate: function(nextProps, nextState) {
  return this.state.myVar === nextState.myVar;
}

如果您正在改变状态，上述操作将不起作用this.state.myVar和nextState.myVar引用是相同的，因此上述引用将始终返回true。

Answer 2

这是必要的，因为React必须知道这个状态是否发生了变异。没有肮脏的登记手续。调用this.setState时，状态对象被认为是脏的，并且不会与以前的状态进行进一步比较。这个答案可能有助于更详细地解释这一点：为什么React的虚拟DOM概念被认为比脏模型检查更有效？