生命周期方法在React JS中执行两次

Question

我只是想查看生命周期方法的执行顺序，但是在控制台中找到了2次Logs。我想知道是否构造函数，getDerivedStateFromProps，render方法执行两次，但是componentDidMount仅执行一次。

我刚刚创建了一个组件，称为带有控制台的所有生命周期方法，我将这个组件包含在App.js中。

但是我尝试在在线编辑器https://repl.it/repls/ProbableLinedSpof中执行相同的代码 在这里，我得到了正确的输出（即使在这里也执行了相同的代码）

请提供帮助的人。

Answer 1

我遇到了同样的问题。如果应用程序在StrictMode中运行，则将多次触发生命周期方法。在项目中搜索此关键字，您应该找到一个React.StrictMode标记。去掉它。这样可以解决问题。值得一提的是您的评论部分中的@ericgio。

Answer 2

在 src / index.js 中删除 React.StrictMode 将解决此问题。