ReactHook

Vue3.0 reactive与ref :VCA模式

简介Vue3最大的一个变动应该就是推出了CompositionAPI，可以说它受ReactHook启发而来；它我们编写逻辑更灵活，便于提取公共逻辑，代码的复用率得到了提高，也不用再使用mixin担心命名冲突的问题
无盐海·2023-11-03 00:16

react组件间传值

React+ReactHook+ReactRouter+Redux+Axios+Less移动端h5搭建新项目第一个React项目创建安装路由react-router-domrouter路由index.jsApp.js
hammer1010·2023-10-31 20:56

React Hook组件间传值 与 React类式组件传值【兄弟组件+父子组件】

文章目录一、ReactHook1-1父组件传值给子组件（props）1-2爷爷给孙子组间传值(context)1-2-2举例子：1-3子组间传值给父组件(父组件props传递回调函数)二、React类式组件传值
牛小小小婷～·2023-10-31 20:56

面试题-React(十九)：React Hook

一、什么是ReactHook？ReactHook是一种函数，它可以让您“钩入”React的状态和生命周期特性，以及执行副作用操作。它们以“u
前端每日三省·2023-10-29 20:33

React Hook “useState” is called in function “xxx(函数名)” which is neither a React function

/src/Containers/device/add/index.tsxLine284:23:ReactHook"useState"iscalledinfunction"newDeviceForm"whichisneitheraReactfunctioncomponentoracustomReactHookfunctionreact-hooks
_midnight·2023-10-26 03:34

04-React-Hook-定时器

ReactHook定时器前段时间学习了React新发布的Hook新功能，学完立马就爱上了这个新API，用起来感觉比class组件爽多了。但hook虽然看似简单，但是要能熟练运用还是得花上一段时间。
国能芯·2023-10-25 01:49

ReactHook hooks和定时器setInterval产生的bug

问题：使用定时器改变state,state的值并不是最新值const_onClick=function(){setInterval(()=>{console.log(value);setValue(value+1);},1000)}产生原因：因为每次setValue后会重新创建函数,由于并没有及时清理掉setInterval，setInterval执行的上下文环境都是第一次创建本函数式组件的上下文
hyupeng1006·2023-10-25 01:43

推荐一些值得关注的React Hook库

今天分享的是值得关注的十大ReactHook库。正文ReactHooks是一种函数类型，允许你钩住React状态和生命周期功能。
YvetteLau·2023-10-24 02:54

ReactHook之useState

文章目录计数器案例模板文件index.html入口文件index.js入口组件App.jsCounter/index.jsx（Counter组件）函数式组件实现Counter计数器案例计数器案例涉及的代码文件，包括：模板文件index.html入口文件index.js入口组件App.jscomponents/Counter/index.jsx，即Counter组件模板文件index.htmlSta
richest_qi·2023-10-22 16:48

React-Hook最佳实践

目录ReactHook新出现背景类组件的问题函数组件的局限ReactHookHook的使用和实践useState和Hook的闭包机制函数组件渲染拆解让函数式组件也可以输出333useEffectuseEffect
快撑死的鱼·2023-10-12 00:03

自定义hooks之useLastState、useSafeState

自定义ReactHook可以帮助我们封装和重用组件逻辑。这里介绍的useLastStateHook可以用于跟踪组件状态的历史变化，可以获取上一个状态的值。以下是一个实现useLas
demo123567·2023-09-29 15:50

自定义hooks之useLastState、useSafeState

自定义ReactHook可以帮助我们封装和重用组件逻辑。这里介绍的useLastStateHook可以用于跟踪组件状态的历史变化，可以获取上一个状态的值。
heiyay·2023-09-27 20:04

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

1、库的更新说明Hook是React16.8新增特性，在以下模块中包含了ReactHook的稳定实现：ReactDOMReactNativeR
Learn-anything·2023-09-23 08:39

antd+react Hook弹窗改进版

之前写过一个reactHook+antd弹窗，虽然功能实现了，但是再使用的时候仍然会有报错，虽然这个报错不影响使用的，但是，作为一个合格的前端切图仔，要再使用中发现问题，改正问题。
BUG不加糖·2023-09-23 03:15

React Hook(钩子)

reacthook官网地址：https://react.docschina.org/docs/hooks-intro.html函数式组件:constApp=()=>{renturn()}函数式组件特点:
大大罗·2023-09-22 14:44

useTransition 和 useDeferredValue 初体验

useTransition是一个帮助你在不阻塞UI的情况下更新状态的ReactHook。通过transition，UI仍将在重新渲染过程中保持响应性。
一路向阳~负责的男人·2023-09-20 12:02

React（React Hook）+Typescript 监听dom元素变化

tsx部分：使用了Reacthook的函数，详情见https://zh-hans.reactjs.org/docs/hooks-reference.htmlimportReact,{useEffect,
nomooo·2023-09-17 23:43

React hook心得小结

节前遇到项目准备重构，想着趁机把react升级一下，顺便用上reacthook，目前还没能全部改完，先分享一下心得体会。Hook是React16.8的新增特性。
Jack_Lo·2023-09-16 11:41

前端性能优化 之 首屏预渲染

本文介绍一种优化首屏访问速度的技术：前端预渲染，并封装自定义的Reacthook，解决预渲染中的数据初始化问题。一、首屏速度慢的问题如果网站页面首屏访问比较慢，应该怎么优化呢？
刷题刷到手抽筋·2023-09-16 09:02

第24节——react hooks组件传值 - 父子组件之间的传值

一、概念一句话概括，reacthook父子组件之间通过props进行传值二、父传子父组件：在子组件标签上定义属性子组件：函数组件接收一个props是一个对象，父组件传的属性名就是props对象的key，
爱在你心中·2023-09-14 11:16

手写防抖、节流 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
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他