react之函数组件、类组件
文章平均质量分 79
outstanding木槿
前端的进阶路: 记录一些实际项目操作中遇到的
展开
-
react倒计时功能
react倒计时5 秒React中的倒计时可以通过使用函数来实现。原创 2024-02-28 17:52:06 · 846 阅读 · 0 评论 -
用hooks 实现一个倒计时功能
hook我们先简单的实现一个3秒倒计时的功能,就模仿我们常见的发短息验证码的功能。页面效果。转载 2024-02-20 17:59:53 · 151 阅读 · 0 评论 -
react封装通用Modal弹窗组件
react封装通用Modal弹窗组件原创 2024-02-19 15:11:16 · 612 阅读 · 2 评论 -
ref用法
【ref作用】:最熟悉的就是 用 Ref获取真实 DOM 元素和获取类组件实例,除此之外的功能,ref 派生出一些其他的高级用法,能够解决一些特殊场景下的问题。转载 2024-02-06 17:50:43 · 558 阅读 · 0 评论 -
setState的参数
React 项目中的 UI 的改变来源于 State 改变,类组件中 setState 是更新组件,渲染视图的。原创 2024-02-05 16:07:36 · 1086 阅读 · 0 评论 -
useEffect的第二个参数
1、第一个参数:是一个函数,必传项。是组件要执行的副作用。可以看做和这三个函数的组合。2、第二个参数:可以不传或者是一个数组,非必传项。数组里面依赖改变时候副作用函数才会重新更新。所谓依赖改变就是 对比 [ 之前值 === 之后值 ] ,如果为,为由基本类型或者引用类型组成的数组。原创 2024-01-30 16:21:22 · 1353 阅读 · 0 评论 -
react中使用useEffcet抛出错误“超出最大更新深度”
【说明】:函数组件不能使用生命周期,Effect Hook 可以让你在函数组件中执行副作用操作(用于模拟类组件中的生命周期钩子)函数,必传项。是组件要执行的副作用。可以看做和这三个函数的组合。不传或 传空 [ ],非必传项。数组里面依赖改变时候副作用函数才会重新更新。所谓依赖改变就是 [ 之前值 === 之后值 ] ,即更新前的值与更新后的值相等,为渲染。原创 2024-01-29 16:28:08 · 513 阅读 · 0 评论 -
useState异步回调获取不到最新值
类组件中定义state,通过this.setState更新state里的值。而函数组件中的useState可以使函数组件像类组件一样拥有state。类组件中通过this.setState更新state,进而改变UI视图。函数组件中通过useState来改变UI视图。原创 2024-01-22 13:13:55 · 819 阅读 · 0 评论