这篇文章主要讲解了“react框架的生命周期有哪些阶段”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“react框架的生命周期有哪些阶段”吧!1.挂载卸载过程(1).constructor():这个方法是用来完成 React 数据的一个初始化,还接受props
和免费云主机域名context
这两参数,如果我们想在函数内部使用这两参数时,就必须要使用super()
进行传入参数;否则会导致this指向错误。(2).componentWillMount():这个方法的话一般比较少用,比较多的是在服务端的时候使用。(3).componentDidMount():当组件第一次渲染完成的时候dom节点生成,就可以在这里调用ajax的请求,等到返回setstate数据之后组件会重新的渲染。(4).componentWillUnmount():这个方法是用来进行组件的一个卸载和数据的销毁的。有时候我们在执行的时候会碰到下面这个警告,是因为我们的组件中的Ajax请求返回的setstate
在我们执行销毁的时候还没有请求完成所报的警告!解决方法如下代码:2.更新过程(1).componentWillReceiveProps (nextProps):这个方法用的比较多的是在接受父组改变之后的props需要重新渲染组件的时候。下面是通过nextProps
和this.props
对比,从而重新渲染的代码和注释。(2).shouldComponentUpdate(nextProps,nextState):这个方法主要用于在性能部分的优化,还可以通过return false
阻止组件的更新。(3).componentWillUpdate (nextProps,nextState):在这个方法中,当shouldComponentUpdate
返回为true
以后呢,组件就会进入重新渲染的流程,进入到这个方法时,我们这个方法里同样可以拿到nextProps
和nextState
。
(4).componentDidUpdate(prevProps,prevState):这个方法的作用是当组件更新完成之后,react 只有在第一次初始化完成之后会进入componentDidmount
;后面的每次重新渲染后都会进入componentDidUpdate(prevProps,prevState)
这个生命周期,而且在这个周期中可以拿到prevProps
和prevState
,就是在更新前的props
和state
。(5).render():render 这个函数会插入 jsx 生成的 dom 结构中,从而生成一份虚拟 dom 树,而且在每一次组件更新时,还会通过其 diff 的算法比较更新前后的 DOM 树,找到最小的而且还有差异的 DOM 节点重新渲染。感谢各位的阅读,以上就是“react框架的生命周期有哪些阶段”的内容了,经过本文的学习后,相信大家对react框架的生命周期有哪些阶段这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是百云主机,小编将为大家推送更多相关知识点的文章,欢迎关注!
这篇文章给大家分享的是有关python如何使用Type hints的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。Python 是一种动态类型的语言。定义变量、函数、类等时不需要指定数据类型。这允许快速的开发时间。但是,没有什么比由简…
免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。