react|面试官:说说 React 生命周期有哪些不同阶段?每个阶段对应的方法是?

一、是什么

在以前文章 (opens new window)中,我们了解到生命周期定义

生命周期(Life Cycle)的概念应用很广泛,特别是在经济、环境、技术、社会等诸多领域经常出现,其基本涵义可以通俗地理解为“从摇篮到坟墓”(Cradle-to-Grave)的整个过程

跟Vue一样,React整个组件生命周期包括从创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程
创建-》初始化数据-》编译模板,挂载dom->渲染,更新-》渲染,卸载

二、流程

这里主要讲述react16.4之后的生命周期,可以分成三个阶段:

创建阶段
更新阶段
卸载阶段

创建阶段

创建阶段主要分成了以下几个生命周期方法:

constructor
getDerivedStateFromProps
render
componentDidMount

constructor,getDerivedStateFromProps,render,componentDidMount

constructor

实例过程中自动调用的方法,在方法内部通过super关键字获取来自父组件的props

在该方法中,通常的操作为初始化state状态或者在this上挂载方法

getDerivedStateFromProps

getDerivedStateromProps
getDerivedStateromPro

你可能感兴趣的:(前端八股文,react.js,javascript,前端)