React中的生命周期和子组件是什么


这篇“React中的生命周期和子组件是什么”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望免费云主机域名大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“React中的生命周期和子组件是什么”文章吧。为了说明组件的创建,存在,销毁的过程,react提供了组件的生命周期,共分三大周期:创建期:说明组件的创建的过程,相当于人的少年存在期:说明组件的存在的过程,相当于人的中年销毁期:说明组件的销毁的过程,相当于人的老年创建期共分五个阶段:ES5开发中,对应五个方法:getDefaultProps,getInitialsate, componentWillMount, render, componentDidMountES6开发中,移除了前两个方法:componentWillMount, render, componentDidMount第一个阶段 组件定义默认属性数据defaultProps静态属性中定义组件尚未创建第二个阶段 组件初始化状态数据在构造函数中定义constructor一定要执行super(props),实现构造函数继承,并且要传递属性数据参数继承之后,this.props与props就没有区别了我们为this.state赋值,机可以初始化,在构造函数中,我们可以访问属性数据,因此可以用属性数据为状态数据赋值这样就实现了数据有外部流入内部第三个阶段 组件即将被构建通过componentWillMount方法定义此时可以访问到属性数据以及状态数据,并且无法访问虚拟DOM我们可以提前请求数据,我们也可以为需要在虚拟DOM中使用的插件,初始化。第四个阶段 渲染组件我们通过render方法定义返回值是渲染的虚拟DOM此时可以访问到属性数据以及状态数据,无法访问虚拟DOM所以我们在渲染虚拟DOM的时候,可以用属性数据或者状态为虚拟DOM赋值第五个阶段 组件构建完成我们通过componentDidMount方法定义此时可以访问到属性数据以及状态数据,也可以访问虚拟DOM因此我们可以在这个阶段,发送请求,绑定事件等实现一些交互该阶段方法执行完毕,标志着组件创建期的结束,存在期的开始,所以该方法在组件实例化对象的一生中,只执行一次。我们可以在这个阶段修改状态数据,一旦属性或者状态数据发生改变,组件将进入存在期。在渲染库(react-dom)中,提供了findDOMNode的方法,可以获取虚拟DOM对应的真实DOM元素。虚拟DOM可以添加子虚拟DOM,组件是对虚拟DOM的封装,因此他们的行为是一致的,组件也可以定义子组件在该组件中定义的组件,我们称之为该组件子组件该组件称之为父组件Zss组件就是父组件,Demo组件就是子组件。组件是完整独立的,因此数据不会共享,想让组件之间共享数据,我们要实现组件间的通信。以上就是关于“React中的生命周期和子组件是什么”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注百云主机行业资讯频道。

相关推荐: Java怎么将二维数组转化为一维数组

这篇“Java怎么将二维数组转化为一维数组”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Java怎么将二维数组转化为一维数组”文章吧。1. 为了…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 03/31 10:57
Next 03/31 10:57

相关推荐