生命周期
react生命周期
可分为3个阶段 1.挂载-constructor 2.更新-updating 3.卸载-unmonting
constructor
(1)、用于this.state赋值对象来初始化内部的state,(唯一可以进行修改state的地方)
(2)、为事件处理函数绑定实例
getDerivedStateFromProps
用于将props初始化为state-(每次render前都会被调用)
使用的场景: 表单控件用于获取默认值
shouldComponentUpdate
当props或者state发生变化的时候,该函数会在渲染执行前被调用,默认值返回true 首次渲染和使用forceUpdate不会调用该方法
render
用于设置Dom结构,组件中不可缺少的方法
getSnapshotBeforeUpdate
用于获取组件更改前从dom中捕获一些信息-滚动位置,此生命周期方法的任何返回值都将作为参数用于传递给componentDidUpdate()
componentDidMount
在组件挂载后立即进行调用,在这里可以安全操作dom节点和发送ajax请求以及订阅等.
componentDidUpdate
更新后会被立即调用,首次渲染不会执行此方法
componentWillUnmount
用于组件销毁或者资源释放的时候进行的操作,例如:timer、取消订阅等等