由于组件 JS 也继承自 Component
组件基类,所以页面同样拥有生命周期,页面的生命周期方法如下:
componentWillMount()
组件加载时触发,一个组件只会调用一次,此时组件 DOM 尚未准备好,还不能和视图层进行交互
componentDidMount()
组件初次渲染完成时触发,一个组件只会调用一次,代表组件已经准备妥当,可以和视图层进行交互
componentWillReceiveProps(nextProps)
shouldComponentUpdate(nextProps, nextState)
组件是否需要更新,返回 false 不继续更新,否则继续走更新流程
componentWillUpdate(nextProps, nextState)
componentDidUpdate(prevProps, prevState)
componentWillUnmount()
组件卸载时触发
具体生命周期的使用以及组件类的说明可以查看组件说明章节。