前端笔记 2020.4.2 （React生命周期）

时间：2020-04-02 20:42:30 阅读：182 评论：0 收藏：0 [点我收藏+]

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

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

组件内

技术分享图片

组件外

技术分享图片

状态初始化：constructor

技术分享图片

组件渲染前执行：componentWillMount

技术分享图片

组件首次渲染：render

技术分享图片

组件首次渲染后回调：componentDidMount

技术分享图片

组件的属性被改变时的用法：componentWillReceiveProps

用于父子组件交互，当父组件更改了子组件传入的属性时，子组件执行的生命周期

子组件：

父组件：

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

技术分享图片

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

技术分享图片

子组件的componentWillReceiveProps就能取到新值

技术分享图片

原文：https://www.cnblogs.com/wuhairui/p/12622019.html

踩

(0)

评论一句话评论（0）

分享档案

更多>