博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
React学习笔记2---生命周期
阅读量:6031 次
发布时间:2019-06-20

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

生命周期函数指在某一个时刻组件会自动调用执行的函数,React的生命周期函数主要有

  • Initialization(初始化)
  • Mounting(挂载)
  • Updation(更新)
  • Unmounting(卸载)

clipboard.png

父组件

// 在组件即将被挂载到页面的时刻自动执行,挂载完毕不再执行  componentWillMount() {    console.log('componentWillMount')  }   render() {    console.log('parent render');    return //JSX  }// 组件被挂载到页面之后,自动被执行,挂载完毕不再执行  componentDidMount() {    console.log('componentDidMount')  }  // 组件被更新之前,自动被执行  shouldComponentUpdate() {    console.log('shouldComponentUpdate')    return true;  }  // 组件被更新之前,它会自动执行,但是它在shouldComponentUpdate之后执行  // 如果shouldComponentUpdate返回true它才执行  // 返回false,这个函数就不会被执行了  componentWillUpdate() {    console.log('componentWillUpdate')  }  // 组件更新完成之后自动被执行  componentDidUpdate() {    console.log('componentDidUpdate')  }

子组件

// 一个组件从父组件接收了参数  // 如果这个组件第一次存在于父组件中,不会执行  // 如果这个组件之前已经存在于父组件中,才会执行  componentWillReceiveProps() {    console.log('child componentWillReceiveProps')  }  // 当这个组件即将被从页面中剔除的时候,会被执行  componentWillUnmount() {    console.log('child componentWillUnmount')  }

转载地址:http://pqdhx.baihongyu.com/

你可能感兴趣的文章
WinDbg配置和使用基础
查看>>
Realm数据库使用
查看>>
JDK7,JDK8 - 下载地址
查看>>
Mybatis使用接口开发
查看>>
《批量下载音乐文件》 requests 网页请求模块
查看>>
转:Object-Runtime的基本数据类型
查看>>
JMJS系统总结系列----Jquery分页扩展库(五)
查看>>
学习笔记5
查看>>
Excel技巧之——英文大小写转换(转)
查看>>
网页防止跨框架攻击
查看>>
理解和配置 Linux 下的 OOM Killer
查看>>
性能测试场景设计之用户模式设置
查看>>
box-sizing 属性
查看>>
我要写一篇文章吗?
查看>>
iOS保存model数据(自定义Model 可以存放到本地)
查看>>
svn导出文件进行比较
查看>>
Google 翻译的妙用
查看>>
【300】◀▶ IDL - ENVI API
查看>>
【090】Excel VBA 基础
查看>>
算法导论--python--插入排序
查看>>