React初级-事件周期函数

写react的时候就想做一种你总是能找到简便方法的数学题一样,做的时候停不下来。

start

getDefaultProps

1 .推荐写法

class  TodoList extends Component{
    constructor(){
        super(props)
        this.state({
      
        })
    }
}

TodoList.defaultProps={
    name:'libateer'
}

getInitialState

1 .推荐写法

componentWillMount

render

componentDidMount

1 .可以在这个后面使用ref属性,虽然可以抓到具体的元素,但是对于异步获取的资源必须要等到加载下来之后才可以获取到
2 .做一些初始化的操作

componentWillUnmount

1 .卸载函数,一些定时器

数据更新所遇到的函数

componentWillReceiveProps

1 .已加载组件接收到新的参数

shouldComponentUpdate

1 .组件判断是否重新渲染时调用
2 .nextProps,nextState

componentWillUpdate

render

componentDidUpdate

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在React Native中使用组件来封装界面模块时,整个界面就是一个大的组件,开发过程就是不断优化和拆分界面组件...
    ITxiansheng阅读 947评论 1 2
  • 原教程内容详见精益 React 学习指南,这只是我在学习过程中的一些阅读笔记,个人觉得该教程讲解深入浅出,比目前大...
    leonaxiong阅读 2,858评论 1 18
  • 概述 不管是iOS还是Android开发,都离不开'生命周期'这一说。所谓的生命周期指的就是:程序从开始运行直至程...
    Coder_Answer阅读 1,006评论 0 0
  • 本文解读了react生命周期的源码,如果你还是个入门的小白,当然可以忽略源码,看一看作者写的demo。也可以明白生...
    Dabao123阅读 1,329评论 0 4
  • 在React Native中使用组件来封装界面模块时,整个界面就是一个大的组件,开发过程就是不断优化和拆分界面组件...
    朱_源浩阅读 8,981评论 6 38