react周期函数介绍

创建阶段

componentWillMount ：可以访问state,虚拟dom还未创建好。
render:虚拟dom创建好了。
componentDidMount:可以操作页面上的dom元素，最早操作dom的地方。

运行阶段

shouldComponentUpdate(nextProps,nextState){ return true/false } ：通过true/false是否需要更新dom。可以判断是否
componentWillUpdate(nextProps,nextState){}:组件将要更新，dom和数据都是旧的。
render:dom元素还是旧的。
componentDidUpdate(nextProps,nextState){}:页面的dom已经更新。

componentWillReceive(nextProps){}:第一次渲染时不会触发。

react周期函数介绍相关推荐

React 路由基础--React路由介绍
1.React路由介绍现代的前端应用大多都是 SPA(单页应用程序)single page application,也就是只有一个 HTML 页面的应用程序.因为它的用户体验更好.对服务器的压力更 ...
client高性能组件化框架React简单介绍、特点、环境搭建及经常使用语法
[本文源址:http://blog.csdn.net/q1056843325/article/details/54729657 转载请加入该地址] 明天就是除夕了预祝大家新春快乐 [ ]~(￣▽￣) ...
【React 基础】之 React 基本介绍、jsx 规则、模块与组件
React 全家桶 React 基础 React-Router 路由 PubSub + 消息管理库 Redux 集中式的状态管理 Ant-Design UI 组件库 - React 简介官网英文官 ...
React PureComponent介绍与使用
前言介绍之前可以先看下shouldComponentUpdate介绍 PureComponent介绍 React15.3中新加了一个 PureComponent 类,顾名思义, pure 是纯的意思 ...
Vue、Angular、React深入介绍，项目实例，前端框架之最
简介 Vue评价:"简单却不失优雅,小巧而不乏大匠". 2016年最火的前端框架当属Vue.js了,很多使用过vue的程序员这样评价它,"vue.js兼 ...
react hooks介绍以及常用hooks列举
当你在使用React构建应用程序时,React Hooks是一种非常强大的功能,它可以使你更容易地处理组件状态和生命周期.它们允许你将逻辑与React组件分离,从而使代码更清晰.更可维护. React ...
React Dva介绍
Dva介绍: dva 首先是一个基于 redux 和 redux-saga 的数据流方案,然后为了简化开发体验,dva 还额外内置了 react-router 和 fetch,所以也可以理解为一个轻量 ...
React Hooks介绍
Hooks在React 16.8版本中正式被引入.它可以让你在不用写class的条件下使用state以及其他的React特性. const fn = () => {const [ ...
React SSR - 01 SSR 介绍和快速开始
React SSR 介绍什么是客户端渲染 CSR:Client Side Rendering 数据和 HTML 的拼接是在客户端(浏览器)使用 JavaScript 完成的,服务端只需要返回 JSO ...

react周期函数介绍

创建阶段

运行阶段

react周期函数介绍相关推荐

最新文章

热门文章