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的展开操作符,深拷贝新的对象

posted @   一颗米  阅读(36)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
点击右上角即可分享
微信分享提示