React学习手册

140

第

7

章

组件扩展

目前为止，我们已经学习了如何使用

React

挂载和合成组件来创建应用表现层。只使

用

React

组件的

render

方法构建应用程序的可能性微乎其微。不过，

JavaScript

的世界

是纷繁复杂的。到处都存在异步应用。在载入数据时需要处理延迟问题。创建动画时

还需要延迟执行相关操作。极有可能读者已经有偏爱的

JavaScript

库来帮助你在复杂

而真实的

JavaScript

世界乘风破浪了。

在我们能够使用第三方

JavaScript

库或者后端数据请求扩展我们的应用程序之前，我

们必须首先充分了解如何使用组件生命周期，即每次我们挂载或更新组件过程中一系

列可以调用的方法。

本章的内容将会以探索组件生命周期开始。在我们介绍了生命周期之后，将会重新

审视如何使用它载入数据、集成第三方

JavaScript

库，以及改进用户的组件性能。然

后，我们将介绍如何使用高阶组件实现应用程序之间的功能复用。最后，我们将会以

介绍使用其他应用程序架构管理

React

之外的

State

作为本章结尾。

组件生命周期

组件生命周期包含挂载或者更新组件过程中被触发的一系列方法。这些方法可以在组

件渲染

UI

之前或者之后被触发。事实上，

render

方法本身就是组件生命周期的一部

分。有两种主要的生命周期：挂载生命周期和更新生命周期。