博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
react生命周期
阅读量:4641 次
发布时间:2019-06-09

本文共 860 字,大约阅读时间需要 2 分钟。

1、初始化
  • getDefaultProps()
    • 设置默认的props,也可以用dufaultProps设置组件的默认属性。 
  • getInitialState()
    • 在使用es6的class语法时是没有这个钩子函数的,可以直接在constructor中定义this.state。
    • 此时可以访问this.props
  • componentWillMount()
    • 在组件初始化时调用(渲染前),以后更新都不调用,整个生命周期只调用一次
    • 此时可以修改state。
  • render()
  • componentDidMount()
    • 渲染后调用,只调用一次。
    • 此时可以使用this.getDOMNode()。 
2、更新
  • componentWillReceiveProps(nextProps)
    • 接收新的props时调用,初始化时不调用。
  • shouldComponentUpdate(nextProps, nextState)
    • 接收新的props或者state时被调用。初始化时或者使用forceUpdate时不调用
    • 需要返回一个布尔值
    • 可以在此对比前后两个props和state是否相同,如果相同则返回false阻止更新
  • componentWillUpdate(nextProps, nextState)
    • 新一轮更新前调用,在初始化时不会被调用
    • 此时可以修改state:nextState.name = '你想要更改的值’,不能在此执行 this.setState()
  • render()
  • componentDidUpdate()
    • 新一轮更新后调用。在初始化时不会被调用
    • 此时可以获取dom节点
3、卸载
  • componentWillUnmount()
    • 将要卸载前调用
    • 一些事件监听和定时器需要在此时清除
4、错误处理
  • componentDidCatch()
    • 任意地方的JavaScript错误
    • 只能使用错误边界来恢复异常,而不要尝试将它们用于控制流。

转载于:https://www.cnblogs.com/zaazoo/p/9397217.html

你可能感兴趣的文章
团队冲刺04
查看>>
我的Python分析成长之路8
查看>>
泛型在三层中的应用
查看>>
SharePoint2010 -- 管理配置文件同步
查看>>
.Net MVC3中取得当前区域的名字(Area name)
查看>>
获得屏幕像素以及像素密度
查看>>
int与string转换
查看>>
adb命令 判断锁屏
查看>>
推荐一个MacOS苹果电脑系统解压缩软件
查看>>
1035等差数列末项计算
查看>>
CDMA鉴权
查看>>
ASP.NET MVC Identity 兩個多個連接字符串問題解決一例
查看>>
过滤器与拦截器区别
查看>>
USACO 1.5.4 Checker Challenge
查看>>
第二阶段站立会议7
查看>>
[18]Debian Linux Install GNU GCC Compiler and Development Environment
查看>>
JAVA多线程
查看>>
ACE(Adaptive Communication Environment)介绍
查看>>
delphi 更改DBGrid 颜色技巧
查看>>
python编码问题
查看>>