类组件中的 this.setState 总是导致重新渲染是否正确，即使新状态值与之前的值相同？

如果在 setState 中设置除返回 null 之外的有效值，除非您的组件是 PureComponent 或您实现了 shouldComponentUpdate，否则重新渲染将始终由类组件中的 react 触发

在带有钩子的函数组件中，如果状态值与之前的值不同，useState 中的 setState 只会导致重新渲染，这是否正确？

对于使用useState钩子的功能组件，如果以相同的状态调用 setter，则不会触发重新渲染。但是对于偶尔的情况，如果立即调用 setter，它确实会导致两个渲染而不是一个渲染

在类组件的render 方法中使用this.setState 设置状态，是否与使用钩子在函数组件的函数体中设置状态相同？

技术上是的，直接在渲染方法中设置状态将导致函数在类组件导致无限循环的情况下触发重新渲染，如果状态值不同，则功能组件就是这种情况。无论如何，它仍然会导致问题，因为由于功能组件直接调用状态更新，任何其他状态更新都将被恢复

在类组件中，如果我们在 render 方法中设置状态，将会发生无限循环。这是因为类组件并不关心新状态是否与之前的状态相同。它只是在每个 this.setState 上不断重新渲染。

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

然而，在带有钩子的函数组件中，在函数体内设置状态（它在重新渲染时运行，类似于类组件中的渲染方法）不会成为问题，因为函数组件只是在看到时退出重新渲染状态与之前的状态相同。

不是 100% 正确，因为您可以使用先前值触发状态更新，从而使先前值和当前值不同。例如

setCount(count => count + 1);

在这种情况下，您的组件仍将陷入无限循环

这不是对 OP 的直接回答，而是与某些 React 和/或 Hooks 新手并在其副作用和渲染时间方面苦苦挣扎的人相关，并且可能会有所帮助。

由于此处尚未提及：在功能组件中，而不是使用之前提到的（参见已接受答案的评论）ShouldComponentUpdate()函数，该函数仅适用于基于类的组件，您将使用useEffect()钩子。有了它，您可以告诉您的组件何时运行副作用以及在何种条件下运行，例如当某些依赖项发生变化时。

在 React 文档中的这个示例中，只有在props.source更改时，才会执行该函数。

useEffect(
  () => {
    const subscription = props.source.subscribe();
    return () => {
      subscription.unsubscribe();
    };
  },
  [props.source],
);

react文档：useEffect()