尚硅谷React教程（2022加更，B站超火react教程）

1. 课1：

创建虚拟Dom节点：

基础知识的沉淀：

课程2：学习react，引入js

课程4:

关于虚拟DOM:

1.本质上是一个普通的object对象(一般对象)

2.虚拟DOM比较"轻",指虚拟dom上面的属性少.

3.虚拟DOM最终会被react转化为真实DOM,呈现再界面上.

课程5:

Json 两个方法:

jsx语法规则:

1.定义虚拟DOM时,不要写引号

2.标签中混入JS表达式要用{name}

3.样式得类名指定用:className

4.内联样式: style={{color: 'red'}}

5.只能有一个根标签

6.标签必须闭合,jsx标签需要和html标签对应

7.标签首字母

a. 若小写字母开头,则将该标签转为html中同名元素,若html没有同名的,则会报错

b.若大写字母开头,react就去渲染对应的组件,若组件没有定义,则报错

课程6:

注意区分:[js语句(代码)] 与 [js表达式]

a.表达式:一个表达式会产生一个值,可以放在任何一个需要值的地方

比如: a a+b demo(1) arr.map() function test

b:代码 (控制代码走向 )

(1): if(){}

(2): for(){}

(3): switch(){case:xxx}

课程8:

关于插件的安装:

创建函数组件:

课程9:

1.首字母必须大写

2.函数组件必须有返回值

课程10,复习class

继承父类,重写父类方法:

类的总结:

1.类中的构造器不是必须写的,要对实列进行一些初始化的操作,如添加指定属性时才写

2.如果A类继承了B类,且A类中写了构造器,那么A类构造器中的super时必须要调用的

3.类中所定义的方法,都是放在了类的原型对象上,供实列使用.

类式组件:

// render时放在哪里的?-----MyComponent的原型对象上,供实列使用.

执行ReactDOM.render,之后,发生了什么?

课时12:

课时13,组件实列的三大核心属性:

初始化状态,获取状态.