码迷,mamicode.com
首页 > 其他好文 > 详细

2. React组件的生命周期

时间:2018-07-06 15:50:26      阅读:113      评论:0      收藏:0      [点我收藏+]

标签:cto   为我   mount   state   stat   one   通过   inf   钩子   

2. React组件的生命周期

使用React开发时候用到最多的就是React的组件了,通过继承React.Component,加入constructor构造函数,实现Render方法即可。这当中React组件为我们提供了很多钩子,以便更加方便精细的控制程序。

钩子包括:componentWillMount/componentDidMount,同时在调用setState时候会触发:componentWillReceiveProps/shouldComponentUpdate/ComponentWillUpdate/render/ComponentDidUpdate。另外在最新发布的16版本中添加了componentDidCatch(error, info) 钩子来为组件做异常边界。

值得注意的是,不能在ComponentWillUpdate使用setState方法,否则会造成循环调用,这是因为componentWillMount是在render前触发的,因此设置state不会触发再次渲染。

2. React组件的生命周期

标签:cto   为我   mount   state   stat   one   通过   inf   钩子   

原文地址:https://www.cnblogs.com/sunshq/p/9273571.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!