为了账号安全,请及时绑定邮箱和手机立即绑定

【学习打卡】第1天

标签:
React

打卡笔记

课程名称:react组件 

课程章节: 第2章  react组件

主讲老师:coding迪斯尼

课程内容:

今天学习的内容包括:

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

课程收获

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

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

    2. https://img1.sycdn.imooc.com//62f66028000185fb14020845.jpg

  2. 设计复合式控件

    1. https://img1.sycdn.imooc.com//62f662a500016c9714010741.jpg

  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. https://img1.sycdn.imooc.com//62f66c1500017c0117890788.jpg

学习心得

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

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

学习截图

https://img1.sycdn.imooc.com//62f6706e00014dc513130783.jpghttps://img1.sycdn.imooc.com//62f6709c0001de1413650813.jpg



点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消