React

React: 生命周期方法

React中渲染过程的概览

Posted by chanweiyan on July 13, 2020
  • 生命周期方法

附属于React类组件的特殊方法，其在组件生命周期的特定时间点被执行。

1
2
3
4
5
6
7

componentWillMount()
componentDidMount()
componentWillReceiveProps()
shouldComponentUpdate()
componentWillUpdate()
componentDidUpdate()
componentWillUnmount()
  • 什么是渲染

一个定义是“使成为或变为；创建。”

可以将渲染看作React创建和管理用户界面所做的工作，就是让应用程序展现到屏幕上的工作。

  • Will

将执行 在一些事情发生前被调用；

  • Did

已完成 在一些事情发生后被调用。

  • 渲染过程和组件生命周期的概览
1
2
3
4

初始化——组件类被实例化的时候；
挂载中——组件被插入DOM的时候；
更新中——通过状态或属性用新数据更新组件的时候；
卸载中——组件从DOM中移除的时候

渲染过程和组件生命周期的概览

  • React中渲染过程的概览

渲染过程的概览

  • 父组件和子组件的渲染过程

父组件和子组件的渲染过程

  • React组件生命周期方法小结

React组件生命周期方法小结

CATALOG
    FEATURED TAGS
    Rails 1 JavaScript 14 Linux 11 React 11 Ruby 6 CSS 5 Shell 5 Node.js 4 Redux 4 Gem 3 vscode 2 其他 1 开发文档 1 技巧 1 概念 1 Git 1 Halo 1 Jekyll 1 Mac 1 MySQL 1 Vue 1 css 1 frontend 1 geektime 1 git 1 webpack 1
    FRIENDS