一个伟大的教程!!
从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