![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 69
黄昏终结者
夏目-mu
展开
-
状态管理dva:Generator函数
这种声明方式(function 关键字后跟一个星号)会定义一个生成器函数 (generator function),即:函数开始执行后,会一直执行,直到该函数所有语句执行完或遇到 return 返回,期间无法执行函数外的其他代码。generator 函数中的代码执行时,执行到 yield,然后,函数中的代码就暂停执行了。即:函数开始执行后,可以被暂停一次或多次,然后再恢复执行,暂停期间可以执行其他代码。generator 函数中的代码,不是一次性执行完毕!在执行时能暂停,后面又能从暂停处继续执行。原创 2022-09-18 21:53:43 · 317 阅读 · 0 评论 -
TypeScript类型--泛型类型--泛型约束
泛型(Generics)可以在保证类型安全前提下,让函数等与多种类型一起工作,从而实现复用,常用于:函数、自定义类型、接口等类型中创建一个 id 函数,传入什么数据就返回该数据本身(也就是说,参数和返回值类型相同)// 比如,该函数传入什么数值,就返回什么数值 function id(value : number) : number {比如,id(10) 调用以上函数就会直接返回 10 本身。但是,该函数只接收数值类型,无法用于其他类型。原创 2022-09-17 15:29:44 · 2395 阅读 · 0 评论 -
TS类型: never 和 unknown
any 不属于 TS 类型系统重,所以,只要使用了 any 类型,就相当于逃离了 TS 类型系统的约束了,也就没有类型安全可言了。never 类型:永远不会出现的值的类型(或永远不会发生的类型)never 和 unknown 类型,分别处在 TS 类型的两端。3.1 unknown 处于 TS 类型系统的最顶层。3.2 never 处理 TS 类型系统的最底层。原创 2022-09-13 21:39:15 · 2165 阅读 · 0 评论 -
React-函数组件中的定时器
点击【延迟获取 count 值】按钮,创建定时器时,当前的状态值 count 是多少(组件是第几次更新)?对于倒计时的定时器来说,只需要在组件创建时,开启一次即可。为了做到这一点,可以通过。(提示:可以通过打印的方式,查看两处 timerId 的值)如何在不依赖于外部数据的情况下,在 effect 回调中,更新状态?因此,要想在组件更新后清理定时器,就需要让两处的。的值在组件更新期间保持不变。问题:定时器打印的 count 值为多少?问题:这种方式能正确清理定时器吗?值是同一个,也就是要保持。原创 2022-09-13 15:15:35 · 2702 阅读 · 0 评论 -
React-函数组件的特性与闭包
当一个函数内部访问了外部的变量时,由于 JS 函数闭包机制的存在,这个函数内部只能访问到本次组件更新时创建的变量值。可以把组件的每次更新想象成给组件拍照,组件每次更新都会对应到一张照片,而每一张特定的照片都记录了那一刻组件特定的状态。对于 React 的函数组件来说,只要修改状态,组件就会更新。同时,函数中的代码都会从头到尾重新执行一遍。2.3 怎么理解这个过程呢?原创 2022-09-12 15:40:52 · 527 阅读 · 0 评论 -
通过json-server生成接口并实现一个CRUD项目
Antd的table表格需要给一个唯一的属性 rowKey=“字段”, 字段的值需要是唯一的。新增操作-封装一个新增的组件 src/components/AddRole.jsx。2.1 直接使用npx就可以启动接口, 可以直接把json转化成服务器。可以直接把一个json文件,转化为支持restful接口规范的接口。构建布局之前,要有接口- 使用json-server启动接口。7.封装单独的api- src/api/setting.js。前端有一个工具,可以直接生成接口:json-server。原创 2022-09-03 08:56:47 · 385 阅读 · 0 评论 -
react-通过useRef完成倒计时60秒发送验证码效果
react中的useRef属性介绍,并实现一个倒计时六十秒发送验证码的案例原创 2022-09-02 22:31:28 · 1522 阅读 · 0 评论 -
React创建一个脚手架-以类组件的方式实现一个CRUD项目
React创建一个脚手架,并以类组件的方式实现一个CRUD( 增删改查 )项目。原创 2022-08-27 20:49:24 · 399 阅读 · 0 评论