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

Question

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

Answer 1

我认为文档涵盖得足够好:

挂载:componentDidMount

void componentDidMount()

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

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

Answer 2

一种真正有用的方法componentDidMount是用于 AJAX 请求。

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

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