ReactJS输出控制台日志重复

Question

当我在类的构造函数中编写 console.log（'constructor'）时，输出将复制渲染。 code rendering

Answer 1

要解决该问题，您必须在index.js中禁用严格反应模式

Answer 2

这与console.log复制渲染无关。不可能造成这种情况，因为控制台记录的内容不会影响组件的状态，也不会触发新的渲染。

在很多情况下，组件多次渲染是正常的

• 您的组件中是否有任何代码更新状态？像在componentDidMount内部还是其他地方？
• 此组件的父级是否在任何地方都可以更新状态？如果是这样，它将导致自身重新渲染，其中也包括其子级重新渲染。

简而言之，这不是由您的控制台日志引起的。如果删除它，您将无法“看到”双重渲染，因为它发生得很快，并且没有参考点（例如控制台中的日志），但是仍然会发生。