极简React学习教程 Day One —— 组件

74 阅读1分钟

一个伟大的教程!!

   从0开始学习react,记录学习笔记输出教程。我学习技术的习惯是先学习整体框架原理,边看文档边看视频边做实验,了解基础功能后上手项目,根据需求详细学习。

类组件和函数组件

类组件是react库中的一个类 特点:

  • 可以使用生命周期函数(这几个函数会在页面初始化,state更新,删除组件时被浏览器自动调用,如果不重写默认为空)
  • 使用state变量

函数组件不需要继承react库就可以使用 特点:

  • 无生命周期(不太懂是什么意思)
  • 需要使用hook创造state

State的概念

理解:react会创建一个虚拟dom树,当“state”变量被改变时,和state变量相关的dom会更新。而对函数内变量,类变量的改变并不会让页面刷新,刷新之后变量就会初始化。


第一天学习总结:

  • react借助jsx使写html和js结合,语法简单,可以理解为纯粹遵循纯粹js规则,只有在return函数中需要注意使用{}包裹js代码
  • 函数式组建写起来更方便,但生命周期需要使用hook模拟
  • state变量决定了页面的渲染,非state变量不可以使页面状态改变

明天更新hook