ReactHook

React Hook 原理，及如何使用Hook

A1：因为这跟React的渲染函数和ReactHook的实现原理有关，如果在循环，条件或嵌套函数中调用hook，会影响到了React自身记录的Hook顺序，会导致组件状态（值）不一致问题。
一路向阳~负责的男人·2024-01-08 20:03

都2022年了还不考虑来学React Hook吗？6k字带你从入门到吃透

大家好，我是Smooth，一名大二的SCAU前端er文章会为你讲述React11种Hook的日常用法以及进阶操作，由浅入深带你彻底掌握ReactHook！如文章有误，恳请评论区指正，谢谢！
Smoothzjc·2024-01-08 03:57

reactHook使用高阶组件

Hook使用高阶组件高阶公共组件//以下示例中是将重复的接口直接封装成高阶组件，实现复用importReact,{useState,useEffect}from'react'import{getCompanyList}from'@/services/home'constComponentNameInterface=(OriginalComponent:any,propsHoc:()=>void)=
#做一个清醒的人·2024-01-05 14:52

ReactHook - useEffect

useEffect作用：推迟代码执行渲染完成之后再执行，常用于数据读取完成移除-组件卸载的时候做一些清理的工作例如：定时器、监听等有关组件卸载：触发时机：当组件从DOM中移除时，会触发useEffect里返回的函数，useEffect里的内容不会执行，执行也没有意义了。当组件出现在DOM中时，会执行useEffect里的代码，useEffect里返回的函数不执行。第二个参数来模拟生命周期。对于缓存
. . . . .·2024-01-04 20:30

ReactHook快速上车

React16.8开始内置了10个Hook，核心是2个：状态管理：useState副作用管理：useEffect有状态的函数useState有状态组件写法：classExampleextendsReact.Component{constructor(props){super(props);this.state={count:0};}render(){return(Youclicked{this.s
Jafeney·2023-12-29 11:20

React useState

ReactHook总是以完全相同的顺序进行调用，出于函数顶层，不能在if、循环、class中使用Hook。
小达Tmargin·2023-12-25 06:43

React Hooks

reacthook什么是EffectHooks?替代原来的生命周期函数hooks可以反复多次使用，给每一个副作用一个单独的useEffect钩子。这这样，副作用不会堆在生命周期钩子里，代码更加清晰。
香喷喷啦啦啦66·2023-12-21 13:28

当谈论 React hook，我们究竟说的是什么？

Reacthook的由来Reacthook的由来，其实也可以看作是前端技术不断演进的结果。
273abf195ee7·2023-12-19 02:31

【react.js + hooks】useVirtualArea 渲染虚拟列表

useVirtualAreaHookuseVirtualArea是一个ReactHook，用于创建虚拟列表。虚拟列表是一种优化技术，用于在不影响性能的情况下显示大量数据。
Evanpatchouli℃·2023-12-19 00:06

react Hooks（useEffect）实现原理 - 简单理解

含义:useEffect是一个ReactHook，它允许你将组件与外部系统同步。
码农小菲·2023-12-15 12:34

react-router-dom 在 React Hook 中的常用组合拳

它提供了一组组件和钩子，可以帮助我们管理应用的导航和路由，结合ReactHook的使用可以使我们的代码更加简洁和易于维护。
天問_·2023-12-15 06:37

React自定义Hook之useModel hook

一、概述useModelhook是ReactHook中一个自定义的钩子函数，用于管理应用程序中的状态和逻辑。它主要用于组件之间的状态共享和通信。
卡卡舅舅·2023-12-01 12:48

React自定义 Hook

自定义Hook是一种自定义函数，它封装了ReactHook的逻辑，并通过命名约定来使其可重用。自定义Hook可以用来解决组件之间共享的逻辑，例如处理表单的输入、状态管理、异步请求等。使用自定义H
码农键盘上的梦·2023-11-28 11:14

React 源碼解析 - Hooks 系列

React源碼解析-Hooks系列前言正文調用ReactHook到底背後發生了什麼？
林cc·2023-11-27 01:21

初识React Hooks,函数式编程

ReactHook技术胖用了一年多的React.js但是在公司一直用的是Class组件，但是被问到React提高性能有什么手段的时候，我却哑口无言，不能说出一个一二三来，连React官方推荐的Hook也是没有用过
忘喧·2023-11-26 14:55

Vue3设计思想及响应式源码剖析 | 京东物流技术团队

受ReactHook启发对虚拟DOM进行了重写、对模板的编译进行了优化操作…2、V
京东云技术团队·2023-11-23 19:13

mobx v6 + react hook 状态管理配置

reacthook风格下不再使用class类的形式定义组件，也就不再适用mobx以前版本的装饰器语法。以下分享reackhook语法风格下使用mobxv6版本的状态管理配置使用方式。
醉逍遥neo·2023-11-23 15:06

react hook_创建一个自定义useFetch（）React Hook

reacthook介绍(Introduction)AcustomhookisaJavaScriptfunctionwithauniquenamingconventionthatrequiresthefunctionnametostartwithuseandhastheabilitytocallotherhooks
cukw6666·2023-11-23 15:32

前端学习-React Hook(钩子)

1.1Hook例子函数记录日志、节流、缓存Windows窗口消息拦截键盘事件拦截（木马和外挂）流量识别分析1.2ReactHook我们可以通过Hook把需要的状态、副作用方法“钩”进来，放到函数内部使用
什巳·2023-11-22 21:29

ReactHook新特性

目录Hook简介Class方式创建组件StateHookEffectHook当React渲染组件时，会保存已使用的effect，并在更新完DOM后执行它。这个过程在每次渲染时都会发生，包括首次渲染。Hook规则与自定义Hook其他常用HookuseContextReactRouterHookReduxHookRedux-toolkit（RTK）Hook简介Hook是一些可以让你在函数组件里“钩入”
@前端练习生·2023-11-21 08:45

React v16源码之useEffect与useLayoutEffect

组件中存在这各种生命周期，例如render、componentDidMount（组件挂载后）、componentDidUpdate（更新后）、componentWillUnmount（卸载销毁前）等，使用ReactHook
玉案轩窗·2023-11-21 01:52

g6 -TreeGraph案例：任务和任务流关系树图

一、技术背景ReactHook+Antvg6二、需求分别以主题--层次--任务--任务流的维度进行树形管理。
cq_春风呼呼的吹·2023-11-20 10:34

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

5、说说你对reacthook的理解？6、React组件之间如何通信？7、说说你对受控组件和非受控组件的理解？应用场景？8、说说Connect组件的原理是什么？9、说说react中jsx语法糖
Bystander！·2023-11-13 06:54

react的学习中

reacthook1、Hook使用规则Hook就是JavaScript函数，但是使用它们会有两个额外的规则：1、只能在函数最外层调用Hook。不要在循环、条件判断或者嵌套函数（子函数）中调用。
三思而后行，慎承诺·2023-11-11 13:33

【react hook】react hook组件中，在forEach中使用async/awati进行异步操作，为什么后面代码没有等待直接同步运行了呢？

举个例子，假如在ReactHook组件中，我们想要通过遍历异步请求一个数组中的数据：importReact,{useState
hzxOnlineOk·2023-11-11 09:11

【eslint】eslint注释大全

下面是几种常见的ESLint注释写法：禁用某个规则的单行注释：//eslint-disable-next-linerule-name禁用reacthook的useEffect第二个[]某一行依赖警告//
hzxOnlineOk·2023-11-11 09:07

React Hook 基本使用规则

ReactHook基本使用规则Hook本质就是JavaScript函数，但是在使用它时需要遵循两条规则。
有点方阿·2023-11-10 16:28

react中实现预览pdf功能（react-pdf-js）

使用的是reactHook写法，文件是直接引入的pdf文件，也可以识别base64数据格式安装依赖：cnpminstallreact-pdf-js效果如下：importReact,{memo,useCallback
Joey_iSleepy·2023-11-09 03:10

超详细 React Native 入坑使用指南，我在元宇宙等你

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

react hook useContext 透传状态

原文链接:reacthookuseContext透传状态上一篇:状态同步和帧同步下一篇:reacthook依赖诚实和依赖欺骗参考http://www.ptbird.cn/react-createContex-useContext.html
阿豪boy·2023-11-04 03:20

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