ReactHook 第3页

手写防抖、节流 hook（ts版）

前言不知道有多少人，简单的写了防抖、节流函数，然后遇到在reacthook里失效的情况。失效的原因：每次render时，内部函数会重新生成并绑定到组件上去。

虚拟J·2023-09-14 10:14

useInfiniteScroll --- react滚动加载

useInfiniteScroll是一个自定义ReactHook，用于简化在React组件中实现无限滚动功能的任务。

一只小可乐吖·2023-09-12 07:20

翻译: 如何使用React Hook 获取数据

翻译自HowtofetchdatawithReactHooks,不好意思,翻译的比较差,主要看代码.我也是英语初学者,主要是理解代码预览在这个教程,我想要向您展示如何使用State和Effect钩子在ReactHook

YM雨蒙·2023-09-11 09:33

【vue3】一些关于hooks的使用经验

比如我一直觉得所谓的hook就是像react一样，使用以下语法//reacthook写法const[value,setValue]=us

少年歌行s·2023-09-09 23:53

一文搞懂如何在 React 中使用防抖（Debounce）和节流（Throttle）

在React应用开发时，不同于普通的js，而且通过reacthook机制，可以更方便的实现这两个功能。防抖函数（Debounce）从上面的图中可以看出，使用了防抖函数

前端开发小陈·2023-09-08 15:39

防抖节流以及React Hook中的防抖节流

防抖节流以及ReactHook中的防抖节流一、什么是节流防抖？

hh湫丶·2023-09-08 15:36

useRef 定义的 ref 在控制台可以打印但是页面不生效？

useRef是一个ReactHook，它能让你引用一个不需要渲染的值。点击计时器点击按钮后在控制台可以打印但是页面不生效。

偷光·2023-09-06 03:50

React Hook之useContext

1.什么是useContextReact官方解释：useContext是一个ReactHook，可以让你读取和订阅组件中的context（React官方文档地址）。

RayShyy·2023-09-04 16:36

useI18n——基于依赖注入实现国际化功能

前情提要一个月前，我基于Reacthook实现前端组件的依赖注入，前文：useIoC：仅一百多行代码实现前端的依赖注入。

·2023-09-01 18:57

ahooks 的 useClickAway 在 React 17 中不工作了！

ahooks中的useClickAwayahooks是阿里巴巴维护的第三方ReactHook库，里面封装了很多好用的hook。

前端西瓜哥·2023-09-01 00:37

浅析React Hook之useReducer

浅析ReactHook之useReducer提示：本文主要讲解useReducer文章目录浅析ReactHook之useReducer认识FiberFiber是什么？

CoreyJu·2023-08-31 18:45

react中常见hook的使用方式与区别

reacthook是react16.8推出的方法，能够让函数式组件像类式组件一样拥有state、ref、生命周期等属性。2、为什么要出现hook？

一颗冰淇淋·2023-08-31 18:14

react组件状态

一个前提：在reacthook出来之前，函数式组件是没有自己的状态的，所以我们统一通过类组件来讲解1.初始化状态•通过class的实例属性state来初始化•state的值是一个对象结构，表示一个组件可以有多个数据状态

Judian6974·2023-08-30 10:25

React hook 10种常见 Hook

ReactHook是什么？React官网是这么介绍的：Hook是React16.8的新增特性。它可以让你在不编写class的情况下使用state以及其他的React特性。

Queen_live·2023-08-29 02:33

初识React Hook

作为一个用惯了Class、用惯了生命周期开发的前端老鸟，接触到ReactHook的心情是这样的image.png真的有趣又神奇！而且，它还很简单。

北辰_狼月·2023-08-26 00:04

React Hook的实现原理

一、ReactHook的基本介绍Hook的含义Hook这个单词的意思是"钩子"。ReactHooks的意思是，组件尽量写成纯函数，如果需要外部功能和副作用，就用钩子把外部代码"钩"进来。

kelly0721·2023-08-25 11:48

React前端面试题

5.说说你对reacthook的理解？6.React组件之间如何通信？7.说说你对受控组件和非受控组件的理解？应用场景？8.说说Connect组件的原理是什么？9.说说react中jsx语法糖

暴躁的老天鹅·2023-08-19 08:17

React Hook 手写 Modal 模态框组件

今天我们一起来用ReactHook手写Modal模态框组件.最终实现的效果codePen如下：环境准备本文代码在create-react-app脚手架生成的项目中运行，react版本："react":"

·2023-08-15 23:53

React17+React Hook+TS4 最佳实践仿 Jira 企业级项目笔记

前言个人笔记,记录个人过程,如有不对,敬请指出React17+ReactHook+TS4最佳实践仿Jira企业级项目项目完成到第十章,剩下后面就没有看了,说的不是特别好github地址:https://

未成年梦想·2023-08-09 08:06

Vue3 Hooks 替代了 Vue2 Mixins

Vue3的发布也支持了自定义Hook，作为只会Vue2的前端码农自然要去看看Vue3Hook到底有何魔力从不了解ReactHook的角度来看一下啥是Hook？

硅谷干货·2023-08-06 15:56

React Hooks 中的 useEffect（副作用）

useEffect是一个ReactHook，它允许你将组件与外部系统同步当我们在React中使用useEffect这个Hook时，实际上是在告诉React在特定情况下执行我们定义的副作用函数。

偷光·2023-08-05 13:59

React Hook: 手动实现useState

reacthook当中提供了useState钩子函数，能够实现在函数当中创建状态和改变状态的方法，并支持多次调用。下面来一步步实现一个简易的useState。

汤姆威廉斯·2023-07-29 20:03

React Hooks实践应用

ReactHook特性完全可选的。你无需重写任何已有代码就可以在一些组件中尝试Hook。但是如果你不想，你不

ZiTong·2023-07-29 06:39

[React]常见Hook实现之useUpdateEffect

useUpdateEffect是一个自定义的ReactHook，用于在组件更新时执行副作用。

豆子前端·2023-07-28 20:09

[React]常见Hook实现之useUpdateLayoutEffect

[React]常见Hook实现之useUpdateLayoutEffectuseUpdateLayoutEffect是一个自定义的ReactHook，它与useUpdateEffect类似，都是用来在组件更新时执行副作用函数

豆子前端·2023-07-28 08:10

面试题，持续更新

问：什么是ReactHook？问：什么是useStateHook？如何使用它？问：什么是useEffectHook？它在React中的作用是什么？问

luna*?????·2023-07-25 02:04

【实战】七、Hook，路由，与 URL 状态管理(下) —— React17+React Hook+TS4 最佳实践，仿 Jira 企业级项目（十三）

其实很简单-用CSS-in-JS添加样式六、用户体验优化-加载中和错误状态处理七、Hook，路由，与URL状态管理1+2.3~67.完成URL状态管理与JS中的iterator讲解学习内容来源：React+ReactHook

程序边界·2023-07-24 14:49

ANDT PRO 高级表单，表单中含TableForm，如何获取TableForm的列表信息

ANTD-PRO下载的页面如何获取TableForm信息由于antdpro下载下面的页面默认是函数组件的不能使用refs信息直接获取子组件的信息react中提供的reactHook可以帮助我们获取到子组件的内容下载

天农学子·2023-07-24 02:34

模拟实现useState的实现原理

ReactHook如何保证每次渲染state不会丢失众所周知，react函数式组件是一个纯函数，那么他就不应该会缓存数据，但是我们的state却能将数据保留，为何？

阿拉斯加的头头儿·2023-07-18 03:03

【实战】六、用户体验优化 - 加载中和错误状态处理(下) —— React17+React Hook+TS4 最佳实践，仿 Jira 企业级项目（十）

CSS其实很简单-用CSS-in-JS添加样式六、用户体验优化-加载中和错误状态处理1~234.用useAsync获取用户信息5.实现ErrorBoundaries，捕获边界错误学习内容来源：React+ReactHook

程序边界·2023-07-17 08:17

React Hook练手项目（含axios封装，双层路由的使用，redux的使用）

好久没写文章了，今天就来介绍下最近写的reacthook的练手项目，用到相关的技术有以下：antd,react-router-dom，redux-thunk，axios，hook，下面就开始介绍自己的项目了

MrHong_bfea·2023-07-16 12:21

React学习笔记（三）Hook使用

ReactHook使得函数组件的功能得到了极大的增强二、Hook代替class的好处：以下是使用ReactHook和类组件同时实现计数器功能的示例：1.使用class:importReact,{Component

缘来如此09·2023-07-14 10:05

【实战】五、CSS 其实很简单 - 用 CSS-in-JS 添加样式(下) —— React17+React Hook+TS4 最佳实践，仿 Jira 企业级项目（七）

CSS其实很简单-用CSS-in-JS添加样式1~34.用Grid和Flexbox布局优化项目列表页面5.使用emotion自定义样式组件6.完善项目列表页面样式7.遗留问题处理学习内容来源：React+ReactHook

程序边界·2023-07-13 22:22

【实战】六、用户体验优化 - 加载中和错误状态处理(中) —— React17+React Hook+TS4 最佳实践，仿 Jira 企业级项目（九）

用户认证与异步请求五、CSS其实很简单-用CSS-in-JS添加样式六、用户体验优化-加载中和错误状态处理1~23.登录注册页面Loading和Error状态处理，与EventLoop详解学习内容来源：React+ReactHook

程序边界·2023-07-13 22:12

【实战】 TS 应用：JS神助攻 - 强类型 —— React17+React Hook+TS4 最佳实践，仿 Jira 企业级项目（三）

文章目录一、项目起航：项目初始化与配置二、React与Hook应用：实现项目列表三、TS应用：JS神助攻-强类型1.TS的必要性2.代码更改学习内容来源：React+ReactHook+TS最佳实践-慕课网相对原教程

程序边界·2023-06-21 13:17

react以及常见前端面试题(看这一篇就够了)持续更新中...

5、说说你对reacthook的理解？6、React组件之间如何通信？7、说说你对受控组件和非受控组件的理解？应用场景？8、说说Connect组件的原理是什么？9、说说react中jsx语法糖的本质？

肥宅快乐氺·2023-06-21 04:41

【实战】 React 与 Hook 应用：实现项目列表 —— React17+React Hook+TS4 最佳实践，仿 Jira 企业级项目（二）

文章目录一、项目起航：项目初始化与配置二、React与Hook应用：实现项目列表1.新建文件2.状态提升3.新建utils4.CustomHook学习内容来源：React+ReactHook+TS最佳实践

程序边界·2023-06-19 07:30

超详细 React Native 完全使用指南，学不会你打我

编写丝滑般代码会再下一篇输出，包括项目实战经验总结和踩坑，如目录架构、函数式编程、ReactHook灵活运用、常见场景、开发调试、发布部署、踩坑、性能优化等等。

蚂蚁二娘·2023-06-16 19:41

【实战】项目起航：项目初始化与配置 —— React17+React Hook+TS4 最佳实践，仿 Jira 企业级项目（一）

项目起航：项目初始化与配置1.项目初始化——create-react-app2.格式化——Prettier3.提交规范——commitlint4.Mock——json-server学习内容来源：React+ReactHook

程序边界·2023-06-16 00:01

react中useState的基本用法

useState是一个ReactHook，可让您向组件添加状态变量。

文海鸥·2023-06-14 21:48

React 应用 Effect Hook 函数式中操作生命周期

ReactHook入门小案例在函数式组件中使用state响应式数据给大家演示了最简单的Hook操作那么我们继续首先Hook官方介绍他没有破坏性是完全可选的百分比兼容也就说我们一起的类class的方式也完全可以用只要

-耿瑞-·2023-06-14 01:26

0901扩展-react

文章目录1.setState2.lazyLoad3.Hooks3.1ReactHook/Hooks是什么?

gaog2zh·2023-06-13 04:12

React的Hook让函数组件拥有class组件的特性！

1、库的更新说明Hook是React16.8新增特性，在以下模块中包含了ReactHook的稳定实现：ReactDOMReactNativeR

LearnAnything·2023-06-11 09:19

ReactHook技巧

ReactHook技巧文章目录ReactHook技巧一概念二useState三useEffect3.1无需清除副作用(**Effect**)3.2需要清除副作用(**Effect**)3.3控制(**Effect

小李科技·2023-06-07 12:27

React 18 带给我们的惊喜

团队内部推行了Reacthook，好处就不在这里

奇舞周刊·2023-04-19 17:29

react antd 设置Form表单值 / 清空Form表单 Form.useForm 报错

错误原因ReactHook"Form.useForm"cannotbecalledatthetoplevel.ReactHooksmustbecalledin

cc_King·2023-04-18 05:30

前端面试笔试题总结【持续更新~】