【react练习】生命周期回调函数

依然，整理自尚硅谷视频。

 

功能描述：
a “react好难，怎么办？？”字样逐渐变透明，完全消失后再从头再来
b 点击“不活了”按钮，干掉整个组件

 

知识点：
0 React生命周期流程：
  a 第一次初始化显示
  b 第每次更新state
  c 移除组件

1 生命周期回调函数 - 有时又被称作生命周期的勾子
  回调函数：我们定义的但是我们自己并没有调用，可最后还是执行了的函数
  react属于声明式编程：流程已经设定好了，往里头填空就行了。（jQuery属于命令式编程，每一步都需要自己写）
  生命周期回调函数一直都会被调用，只是如果我们不去重写它，就无法借助它来实现我们的功能。
  常用的回调函数：
  a componentDidMount:在render()执行之后执行。也就是先让组件显示在页面上，之后就可以进行我们想要的操作了。
  b componentWillUNmount
   

2 style 属性怎么写
  style={ {opacity}}两个括号，外层大括号代表这是一段js代码，
  内部大括号代表opacity是一个js对象：
  {opacity}等同于{opacity：opacity}，前一个代表样式名opacity（不能随便乱改&#x