React扫盲
第一章 概览
es6代码是不能够直接被浏览器执行的,需要转化成es5,react脚手架工程可以通过执行npm run build
。
第三章 类组件
取变量的方式
--->???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的展开操作符,深拷贝新的对象
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」