您的位置:首页 > Web前端 > React

reactjs入门到实战(七)---- React的组件的生命周期

2016-06-06 20:57 711 查看
React的组件的生命周期有三个状态分别是:挂载(生产组件示例化、准备挂载到页面、挂载到页面)、更新(更新值、更新DOM)、和卸载(卸载后)。

》》》其他 getInitialState :设置state的初始值 getDefaultProps :props的默认值 propTypes:允许验证传入到组件的 props mixins:数组允许使用混合来在多个组件之间共享行为 statics :对象允许你定义静态的方法,这些静态的方法可以在组件类上调用

》》》挂载 ComponentWillMount

服务器端和客户端都只调用一次,在初始化渲染执行之前立刻调用。如果在这个方法内调用
setState
render()
将会感知到更新后的 state,将会执行仅一次,尽管 state 改变了。

       ComponentDidMount

服务器端和客户端都只调用一次,在初始化渲染执行之前立刻调用。如果在这个方法内调用
setState
render()
将会感知到更新后的 state,将会执行仅一次,尽管 state 改变了。如果想和其它 JavaScript 框架集成,使用
setTimeout
或者
setInterval
来设置定时器,或者发送 AJAX 请求,可以在该方法中执行这些操作。

》》》更新 componentWillReceiveProps(object nextProps) 在组件接收到新的 props 的时候调用

shouldCompoentUpdate(object nextProps , object nextProps) 在接收到新的 props 或者 state,将要渲染之前调用

       componentWillUpdate(object nextProps , object next State) 在接收到新的 props 或者 state 之前立刻调用

       componentDidUpdte(object prevProps, object prevState) 在组件的更新已经同步到 DOM 中之后立刻被调用

》》》卸载  componentWillUnmount 在组件从 DOM 中移除的时候立刻被调用

 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: