react

作者: 言大大freedom | 来源:发表于2017-03-03 11:57 被阅读0次

1.react特点

虚拟DOM,react非常快速因为它从不直接操作DOM。render()方法实际上是对DOM描述,将它与内存中的DOM结构进行比较,然后以最快的速度更新浏览器。

2.生命周期

react组件生命周期主要分为三部分:

  • 挂载 :组件被注入到DOM中
  • 更新 :组件被重新渲染来决定DOM是否应被更新
  • 卸载 :组件从DOM中被移除

2.1 挂载

getIntialState() //object在组件挂载前调用。当需要更新组件状态时,应在此函数中设置返回初始state数据。
componentWillMount() //在挂载发生前立即被调用。
componentDidMount() //在挂载发生后立即调用。

2.2更新

componentWillReceiveProps(object nextProps) //当组件接收到新的props时被调用
shouldComponentUpdate(object nextProps ,object nextState) //boolean 当组件决定任何改变是否要更新到DOM时被调用
componentWillUpdate(object nextProps,object nextState) //更新发生前立即调用
componentDidUpdate(object prevProps,object prevState) //更新发生后立即调用

2.3卸载

componentWillUnmount() //在组件被卸载前立即调用。

3.已挂载的方法

  Mounted符合组件支持以下方法:
 component.forceUpdate()可以在任何已挂载的组件上调用,在你知道某些深处的组件状态在未使用 this.setState() 就被改变了时。

相关文章

  • React基础

    react 教程 react 组件介绍 react state 介绍 react Props 介绍 React:组...

  • 学习react no.1

    学习react no.1 react 定义 react 特点 react

  • React Native 学习之路

    React 相关资料 React Components React Properties React State ...

  • React基础

    React包含react元素和react组件 react元素 react组件 react组件分为函数组件和类组件 ...

  • React面试题 整理脑图

    react基础 React生命周期 react-router react进阶 react Hooks redux 其他

  • react 导入中的 as

    import React from 'react'只导入 是 React。 而import * as React ...

  • ES5与ES6小结部分

    1var React=require('react'); 等价 import React from ' react...

  • React DnD基础概念和整体架构

    React DnD 的英文是 Drag and Drop for React。React DnD 是 React ...

  • React

    React 《React 官网文档》 React简介 React概念 React官网学习实践 - jSX简介 Re...

  • React学习笔记_01

    React 基础组件 react概述 npm i react react-dom react包 是核心,提供创建元...

网友评论

      本文标题:react

      本文链接:https://www.haomeiwen.com/subject/aoilgttx.html