为什么以及何时在反应中使用componentDidMount？

Question

我正在阅读反应教程，我很困惑为什么使用componentDidMount？

Answer 1

我认为documentation足以涵盖它：

  

挂载：componentDidMount

void componentDidMount()

     

在初始渲染发生后立即仅在客户端（不在服务器上）调用一次。在生命周期的这一点上，您可以访问您孩子的任何引用（例如，访问底层DOM表示）。子组件的componentDidMount()方法在父组件之前调用。

     

如果要与其他JavaScript框架集成，使用setTimeout或setInterval设置计时器，或发送AJAX请求，请在此方法中执行这些操作。

Answer 2

使用componentDidMount的一个非常有用的方法是AJAX请求。

因此，想象一下您希望获得文章评论列表的情况。创建组件后，您可能希望从服务器检索注释列表，然后将其显示给用户。

这是一个例子（来自React教程）： https://facebook.github.io/react/docs/tutorial.html#updating-state

Answer 3

只调用一次，并且组件已初始化。该组件已与容器元素绑定并成功呈现。所有属性和初始状态都已初始化。您现在可以在此组件上调用setState和其他组件函数，对其进行操作等。只需它就是你与它互动的起点。

Answer 4

componentDidMount()在render()之后的第一次执行时执行。之后，它会根据React Lifecycle在render()之前执行。

componentDidMount()，一种对我们AJAX请求非常有用的方法