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

Question

我只是想查看生命周期方法的执行顺序，但我在控制台中找到了 2 次日志。我想知道 constructor,getDerivedStateFromProps,render 方法是否执行了两次，但是 componentDidMount 只执行了一次。

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

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

请有人帮助修复。

Answer 1

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