与基于类的方法相比，在使用钩子设置状态后重新呈现有什么不同？

Question

类组件

在React类组件中，我们被告知setstate总是导致重新呈现，而不管状态是否实际更改为新值。实际上，当状态更新到以前的值时，组件将重新呈现。

文档（setState API引用）：

如果您将状态挂钩更新为与当前状态相同的值，React将在不呈现子级或激发效果的情况下退出。（React使用object.is比较算法。）

密切相关的问题

• 类组件中的this.setstate总是导致重新呈现，即使新的state值与以前的值相同，这是否正确？
• 在带有钩子的函数组件中，setstatefromusestate仅在state值与以前的值不同时才重新呈现，这是否正确？
• 在类组件的render方法中使用this.setstate设置state，与在函数组件的函数体中使用钩子设置state相同？
• 下面的说法正确吗？
  • 在类组件中，如果我们在render方法中设置state，将出现无限循环。这是因为类组件不关心新的状态是否与以前的状态相同。它只是在每个this.setstate.
  上不断重新呈现
  • 在带有钩子的函数组件中，在函数体中设置状态（类似于类组件中的render方法在重新呈现时运行）并不成问题，因为当函数组件看到状态与以前的状态相同时，它就会退出重新呈现。

Answer 1

类组件中的This.SetState总是导致重新呈现，即使新的状态值与前一个相同，这是否正确？

如果您在setState中设置了一个有效值而不返回null，则重新呈现将始终由类组件中的react触发，除非您的组件是PureComponent或您实现了shouldComponentUpdate

在带有钩子的函数组件中，useState中的setState只在状态值不同于以前的值时才导致重新呈现，这是否正确？

在技术上是的，在render方法中直接设置状态将导致函数触发重新呈现，如果类组件导致无限循环，如果状态值不同，函数组件就会发生这种情况。尽管如此，它仍然会导致一个问题，因为任何其他状态更新都将由于功能组件直接调用状态更新而被还原回来

在类组件中，如果我们在render方法中设置state，将会出现无限循环。这是因为类组件不关心新状态是否与以前的状态相同。它只是不断地在每个this.setstate上重新呈现。

是的，因此建议不要在呈现中直接调用setState

setCount(count => count + 1);