reactjs入门到实战(七)---- React的组件的生命周期
2016-06-06 20:57
711 查看
React的组件的生命周期有三个状态分别是:挂载(生产组件示例化、准备挂载到页面、挂载到页面)、更新(更新值、更新DOM)、和卸载(卸载后)。
》》》其他 getInitialState :设置state的初始值 getDefaultProps :props的默认值 propTypes:允许验证传入到组件的 props mixins:数组允许使用混合来在多个组件之间共享行为 statics :对象允许你定义静态的方法,这些静态的方法可以在组件类上调用
》》》挂载 ComponentWillMount
服务器端和客户端都只调用一次,在初始化渲染执行之前立刻调用。如果在这个方法内调用
ComponentDidMount
服务器端和客户端都只调用一次,在初始化渲染执行之前立刻调用。如果在这个方法内调用
》》》更新 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 中移除的时候立刻被调用
》》》其他 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 中移除的时候立刻被调用
相关文章推荐
- 读《React Native 用 JavaScript 开发移动应用》,没读几页
- React-Native离线打包
- reactjs入门到实战(九)----ajax的应用
- reactjs入门到实战(八)----表单组件的使用
- react-native 把图片转化base64字符串
- 使用React.js 重新构建HipChat
- react native 代参bind this 的两种方式
- Reactjs 入门基础(二)
- ReactNative 踩坑小计
- react-native Simulator com+r不能刷新模拟器
- 从 ReactiveCocoa 中能学到什么?不用此库也能学以致用
- React Native系列——微信分享
- [Redux] Filtering Redux State with React Router Params
- React Native学习笔记(三)组件生命周期
- reactjs入门到实战(六)---- ReactJS组件API详解
- ReactNative环境配置问题
- React Native环境配置
- React Native移植到原生Android项目
- React入门笔记(五) — 表单详解
- reactjs入门到实战(五)---- props详解