前端笔记 2020.4.2 (React生命周期)

关于对React生命周期的理解:

defaultProps:此为初始化props 用于页面中数据传入(2种写法,一般组件内,大多情况不写)

 组件内 

 组件外

constructor:状态初始化

componentWillMount:组件渲染前执行

render:组件首次渲染

componentDidMount:组件首次渲染后回调

componentWillReceiveProps:组件的属性被改变时的用法
用于父子组件交互,当父组件更改了子组件传入的属性时,子组件执行的生命周期
子组件:

父组件:

给子组件传个state作为更改,父组件上做个点击事件

点击后变更state,render后执行到子组件

子组件的componentWillReceiveProps就能取到新值

 

shouldComponentUpdate:setState后判断是否要更新。一般用法,如果state没有变化,就不更新了。

componentWillUpdate:确定更新,重新render前执行的

componentDidUpdate:已更新,重新render后执行的

 

 

posted @ 2020-04-02 18:12  herry菌  阅读(133)  评论(0编辑  收藏