React扫盲

第一章 概览

es6代码是不能够直接被浏览器执行的，需要转化成es5，react脚手架工程可以通过执行npm run build。

第三章 类组件

取变量的方式

--->？？？使用变量jsx 如果jsx中的内容是动态的，可以通过表达式来获取， 书写规则：{表达式}，大括号内可以是变量、字符串、数组、函数调用等任意 js 表达式。 HTML DOM事件允许Javascript在HTML文档元素中注册不同事件处理程序。 jsx的事件与HTML DOM事件类似，所以jsx大括号是用来包裹js语句。

--->？？？import中引入函数的语法
import引入数据模块的语法汇总（3种）解构
1、通用导入方式
import * as 模块别名 from '相对地址'; # 课程中有使用过
2、解构赋值形式
import {暴露的变量名} from '相对地址';

State和Props的区别

props是组件对外的接口，而state是组件对内的接口。
props用于组件间数据传递，而state用于组件内部数据传递。
数据流动是单向的。

回调函数本质：程序栈，先进后出，通过回调函数以参数的形式放入栈中，依次执行代码的嵌套逻辑。

？？？网络数据获取的时Network users有两次请求

setState异步操作同步执行。

组件的声明周期
初始化-》更新-》销毁

react Native手机应用使用的部分私有API在17中删除

第四章 函数式组件

函数式组件的基础：react hooks
useEffect在每次渲染UI的时候执行，每次收到回调后，使用setState更新组件状态，更新后又会再次渲染UI，导致死循环发生。

Hooks的目的就是为了给函数式组件加上状态。

副作用 side effect

纯函数（pure function）---》给一个函数同样的参数，那么函数的返回永远是同一个值。
副作用即一个函数处理了与返回值无关的事情，例如一个函数中涉及url请求的调用，那么我们无法保证url返回的一定是同一个值，从而导致函数返回值不一致。

？？？js本身都是异步执行

？？？js函数的几种写法
两种正确写法：
onClick={this.handleClick}
onClick={() => { this.handleClick(); }}
两种错误写法：
onClick={this.handleClick()}
onClick={() => { this.handleClick; }}
思路
正常情况我们要声明一个函数，可以怎么写呢？
const foo = () => {}
或写作
function foo { }
如果要执行函数，该怎么写呢？
foo();
如果要把函数foo赋给别的变量，该怎么写呢？
const boo = foo; //赋值
boo(); //执行

？？？js属性和语句的分隔符

hoc高阶函数 withXxx
用于剥离统一的业务逻辑
与子组件之间的业务连接问题===数据传递，组件间的数据传递使用props

自定义hook useXxx

第五章

数据驱动的方式自动创建组件

课程组件的导出方式较好，可以在项目开发中使用TODO

react组件的复用

第六章

在函数式组件中，尽量使用useXXX钩子函数来完成路由的操作。

组件的几种使用方式

https://blog.csdn.net/yrqlyq/article/details/119869041

第七章

es6的展开操作符，深拷贝新的对象