javascript - react native 中 componentDidMount 和 componentDidUpdate 有什么区别

Question

我不明白 componentDidMount 之间有什么区别和 componentDidUpdate我看到一些使用 setState 的计数器应用程序componentDidMount内增加计数值的方法那么如果我们在 componentDidUpdate 里面写 setState 呢？ ?
我们什么时候应该使用componentDidMount或 componentDidUpdate ?

Answer 1

来自 the docs on the component lifecycle :

componentDidMount() : 在组件安装后立即调用(插入到 DOM 树中)

componentDidUpdate(prevProps, prevState, snapshot) : 在更新发生后立即调用。初始渲染不调用此方法。当组件更新时，将此作为对 DOM 进行操作的机会。

为了简单起见，第一个在开始时调用，第二个在每次更改时调用。它们绝对不可互换。

关于使用 setState里面 componentDidUpdate : 当心 !使用 setState来电 componentDidUpdate ，所以如果你调用 setState，你可能会陷入无限循环。在 *每次调用 componentDidUpdate .

哦，还有，这里是 a cool diagram总结整个组件生命周期。