美文网首页
React 生命周期函数

React 生命周期函数

作者: curliu | 来源:发表于2019-02-16 17:01 被阅读0次

    1、react 生命周期函数可以分为三个阶段来记忆,分别是初始化阶段,运行中状态和销毁状态

    初始化阶段:

    getDefaultProps: 获取实例的默认属性

    getInitialState:获取每个实例的初始化状态

    componentWillMount: 组件即将被熏染到页面DOM 上

    render: 组件在这里生成虚拟DOM 节点

    componentDidMount: 组件真正被装载之后

    运行中状态:

    componentWillReceiveProps: 组件将要接受到属性的时候调用

    shouldComponentUpdate: 组件接收到新属性或者新状态时,调用(可以返回false,接受数据不更新,组织render 调用,后面相关的生命周期函数就不会被调用)

    componentWillUpdate: 组件即将更新(不能修改属性和状态)

    render: 组件重新绘制

    componentDidUpdate:组件已经更新

    销毁阶段:

    componentWillUnmount:组件即将销毁

    重点函数解析:

    相关文章

      网友评论

          本文标题:React 生命周期函数

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