打卡笔记

课程名称：react组件 

课程章节： 第2章  react组件

主讲老师：coding迪斯尼

课程内容：

今天学习的内容包括：

组件化开发 设计复合式控件  组件的状态机制

课程收获

1. 把大的控件分成多个小的控件，提高组件的复用性。

   1. 通过给组件传递不同的参数，改变组件在界面中的显示形态

   2. 
      

2. 设计复合式控件

   1. 
      

3. 组件的状态机制

   1. 浏览器把组件加载起来之后，组件的属性就不会变化，但是应用程序在不断变化，组件是程序的基本组成单位，必须要主动应对变化的场景，所以应用到了组件的状态机制。

   2.  组件被浏览器加载之前先调用

   3.             getInitalState: function () {

   4.             }

   5.   组件被浏览器加载之后

   6.             componentDidMount: function () {

   7.  回调函数 两个值

   8.                 setInterval()

   9.             }

   10.  组件本身实现的，用来修改组件本身的state对象

   11.             SetState

   12. 实现方法

   13.     this.setState({

   14.                 strikes:this.state.strikes+100

   15.             })

   16. 

学习心得

之前对组件有一定的认识，具体看了老师讲的课，对组件有了更深入的了解，

每个组件都负责一个单独的功能，传入不同的参数 使其被复用

学习截图