这篇教程详细介绍了React组件的高级使用，包括生命周期方法如Mounting、Updating和Unmounting，以及公共函数和组件引用。在生命周期方法中，讲解了从getInitialState到componentDidUpdate等关键函数的作用和调用时机。同时，还提到了getDOMNode和forceUpdate等实用方法，以及如何通过Component Refs获取和操作DOM元素。
所谓高级组件均继承ReactCompositeComponent类，ReactCompositeComponent提供一套完善的预处理函数，使用它可以简易的部署很多功能。
1. 生命周期函数
下面按照组件的生命周期顺序说明组件的预处理函数
解释不是很全面，注意看函数的名字，“Will”代表“将”，“Did”代表“已经”
1.1 Mounting 添加组件
getInitialState(): object 这个函数返回state的object类型值，在renderComponent()之前被调用；
componentWillMount()在renderComponent()之前被调用；
componentDidMount(DOMElement rootNode)在renderComponenet()之后被调用；
1.2 Updating 更新组件
componentWillReceiveProps(object nextProps)在renderComponent()之后被调用；
shouldComponentUpdate(object nextProps, object nextState): boolean在组件render()之前被调用；
componentWillUpdate(object nextProps, object nextState)在组件render()之前被调用；
componentDidUpdate(object prevProps, object prevState, DOMElement rootNode)组件render()后被调用；
最低0.47元/天 解锁文章
扫一扫
8047
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
