在反应中，是否有人想通过赋值而不是调用 setState(...) 来设置变量的状态
例子：
// accessing state var directly
this.state.myVar = 'changed state'
// instead of calling setState
this.setState({myVar: 'changed state'})
对我来说，这似乎是一种反模式。但也许有一个很好的解释为什么有时它是必要的？
【问题讨论】：
标签： reactjs
在这种情况下，直接设置（改变）状态将起作用：
this.state.myVar = 'changed state'
但是根据React docs应该避免：
永远不要直接改变
this.state，因为之后调用setState()可能会替换你所做的改变。将this.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。
【讨论】：
这是必要的，因为 React 必须知道 this.state 是否被认为是变异的。 React 中没有脏检查。当调用this.setState 时，状态对象被认为是脏的，并且不会对其先前的状态进行进一步的比较。这个答案可能有助于更详细地解释这一点：Why is React's concept of Virtual DOM said to be more performant than dirty model checking?
【讨论】：