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

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

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

 组件内 

 组件外

状态初始化:constructor

组件渲染前执行:componentWillMount

组件首次渲染:render

组件首次渲染后回调:componentDidMount

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

父组件:

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

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

子组件的componentWillReceiveProps就能取到新值

 

猜你喜欢

转载自www.cnblogs.com/wuhairui/p/12622019.html