javascript - React 组件中渲染实际运行多少次

Question

当我偶然发现这一点时，我正在经历 React LifeCycle 方法:

当我看到 render() 函数运行了两次时，我感到很困惑。我所知道的是，React Life-Cycle 中的任何函数都只运行一次。那么，为什么我在这里看到 2 个渲染函数(或运行 2 次)。会不会影响第二次运行内存和过度使用。

此外，我们如何知道渲染函数将在哪里运行(或在哪个阶段)，因为它可以在React Cycle中的两个位置运行。金迪，帮忙澄清一下。

引用:

https://gist.github.com/bvaughn/923dffb2cd9504ee440791fade8db5f9

Answer 1

对于组件，render() 函数显然可以针对同一安装运行多次。您可以引用this React 文档中的表。

从表中可以清楚地看出，如果安装了组件，则只有 constructor 和 componentDidMount 会运行一次(不包括 componentWillUnmount ，它也运行组件卸载时一次)，而其他生命周期方法可以无限次运行，具体取决于该组件的更新次数。