javascript - react组件为什么会执行两次componentDidMount？
react class组件在componentDidMount中调用初始化接口，有些时候会调用两次，通过断点发现顺序是componentDidMount->componentWillUnmount->componentDidMount，但不能稳定复现，调用的组件是页面的主入口，并非某个组件的子组件，请问有知道这个问题的么？
共有1个答案
如果可以的话，最好能够提供一个最小复现的Demo。
看了一下React仓库中的 Issues，大概是因为开启 Strict Mode 模式的时候会触发两次生命周期的钩子。这里是对应的说明文档 �� Strict Mode – React
Bug: after upgrade v18 "componentDidMount" run twice, and componentWillUnmount also run when component mounting · Issue #24255 · facebook/react
-
我一直在尝试一些组件，这些组件执行react-cache风格的事情，并在render方法中执行web服务调用，将promise抛出到React.Suspense组件，并在数据存在时重新呈现。它们调用web服务，检查响应，并根据响应呈现或抛出错误到错误边界。我注意到，每当在组件中抛出错误时，它都会呈现两次。第一次callstack看起来正常，第二次callstack包括对invokeGuardedC
-
我有一个组件，我设置了一个计数，让状态更新时，按钮点击。但是当我检查渲染时间时，每次我点击按钮它都会渲染两次。 https://codesandbox.io/s/brave-forest-yre6y?file=/src/App.js 我想知道： 为什么它是这样工作的
-
每个人我最近在学习如何反应。正如这个链接所说，我学到了一个教训：react函数加载两次。但当我验证它时，我发现它确实加载了两次，但Chrome浏览器只打印了一次。我想知道为什么？这是我验证过的代码。 我认为铬应该混合。日志 1 App.js： 9我已经跑了1次！2pp.js： 9我已经跑了两次了！ 我想知道为什么。非常感谢。
-
react 18 里的类组件在严格模式下会执行一次模拟渲染， 在类组件的生命周期里表现如下 first.constructor -> second.constructor -> first.componentDidMount -> first.componentWillUnmount -> second.componentDidMount 一个比较简单的例子就是，复现链接（https://play
-
uniapp 为什么每次进来都会执行onLoad钩子？ 症状：不管是第一次还是第N次进去都会执行onload，印象中应该只有第一次进来才会执行一次吧，有谁遇到过吗，难道是用redirectTo跳转才会这样吗
-
此组件渲染两次并抛出错误。我知道这个错误是因为它们在reduce函数中没有返回语句。但我不明白的是，为什么它会渲染两次？ 此外，当我删除代码时，它只呈现一次。据我所知，一个组件只能在四种情况下重新渲染 状态的变化 道具的变化 强制渲染 父母重新渲染。 在我的例子中，父组件没有重新渲染（我通过在父组件中使用console.log检查了它），并且这个组件是无状态的，没有道具被传递给它。有人能解释一下这