四. React生命周期(二)

按照我的理解,生命周期主要分为一下几个步骤

  • componentWillMount()

在组件第一次渲染之前调用,这个是在render方法调用前可修改state的最后一次机会。这个方法基本不会用到。

  • render()

渲染虚拟dom。

  • componentDidMount()

在组件第一次渲染后立即调用。一般会在这个方法里执行ajax,setinterval,settimeout等方法。因为ajax是异步请求,如果在componentWillMount()里执行的话,可能会在元素渲染出来之前执行,那么就会造成ajax请求失败。

  • componentWillUnmount()

注销在componentDidMount()里注册的方法和函数,释放内存。

  • compoentWillReceiveProps()

在组件接受到新的props时调用,每当组件更新rprops时就会被调用,初次渲染不会调用。在这里可以改变state。

  • shouldComponentUpdate()

顾名思义,就是组件是否需要更新,是的话返回true,否则返回false,初次渲染不会调用。

  • componentWillUpdate()

组件接收到新的props或者state但是还未调用时执行,初次渲染不会调用。这里不能改变state,或者是加判断改变state。否则会一直update,进入死循环。

  • render()

渲染虚拟dom。

  • componnetDidUpdate()

在组件完成更新时立即调用,初次渲染不会调用。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 说在前面 关于 react 的总结过去半年就一直碎碎念着要搞起来,各(wo)种(tai)原(lan)因(le)。心...
    陈嘻嘻啊阅读 7,086评论 7 41
  • 自己最近的项目是基于react的,于是读了一遍react的文档,做了一些记录(除了REFERENCE部分还没开始读...
    潘逸飞阅读 3,790评论 1 10
  • 生命周期流程图简单如下: 组件让你把用户界面分成独立的,可重复使用的部分,并且将每个部分分开考虑。React.Co...
    Simple_Learn阅读 1,207评论 0 0
  • 组件规范 当你通过调用React.createClass()创建一个组件类时,应该提供一个包含render方法和其...
    paradisefj阅读 529评论 0 0
  • 她是公爵的小女儿 漂亮 纯洁 善良 勇敢 他是孤岛上的“恶”龙 神秘 挣扎 善良 煎熬 两个世界的他们 邂逅于一首...
    广电一班石幸田阅读 150评论 0 1

友情链接更多精彩内容