react组件为什么会执行两次componentDidMount？

Question

react class组件在componentDidMount中调用初始化接口，有些时候会调用两次，通过断点发现顺序是componentDidMount->componentWillUnmount->componentDidMount，但不能稳定复现，调用的组件是页面的主入口，并非某个组件的子组件，请问有知道这个问题的么？

Answer 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