ReactHook 第4页

在 hook 组件中拆分时图时需要注意的事项

最近遇到一个bug，问题是出现在reacthook中，为了代码的可读性，我把一个view拆成了多个子component，其中有一些是purecomponent，有一些是含有usestate的statefulcomponent

·2023-01-05 10:01

react源码中的hooks

今天，让我们一起深入探究ReactHook的实现方法，以便更好的理解它。但是，它的各种神奇特性的不足是，一旦出现问题，调试非常困难，这是由于它的背后是由复杂的堆栈追踪（stacktrace）支持的。

·2023-01-02 12:34

jira-dev-tool插件安装失败的解决方法

最近，在运行【React+ReactHook+TS最佳实践仿Jira企业级项目】的时候，安装jira-dev-tool插件出现问题，参考：https://www.npmjs.com/package/jira-dev-tool

·2022-12-28 16:27

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

Reacthook的由来Reacthook的由来，其实也可以看作是前端技术不断演进的结果。

又拍云 UPYUN·2022-12-24 09:34

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

Reacthook的由来Reacthook的由来，其实也可以看作是前端技术不断演进的结果。

·2022-12-23 15:15

Solid.js前端新秀框架力压 web3.js 框架

Solid号称拥有JSX语法，类似于Reacthook的语法，你可以用现代化的开发方式，获得性能最快的代码。框架本身只有7KB大小，无需在代码中添加额外魔法或奇技淫巧就能彻底压榨运行性能。

ejinxian·2022-12-15 14:09

React Hook 'useEffect' is called in function报错解决

目录总览声明组件声明自定义钩子总结总览为了解决错误"ReactHook'useEffect'iscalledinfunctionthatisneitheraReactfunctioncomponentnoracustomReactHookfunction

·2022-12-02 10:32

react源码中的hooks

今天，让我们一起深入探究ReactHook的实现方法，以便更好的理解它。但是，它的各种神奇特性的不足是，一旦出现问题，调试非常困难，这是由于它的背后是由复杂的堆栈追踪（stacktrace）支持的。

·2022-11-30 09:18

React-Hook最佳实践

ReactHook新出现背景类组件的问题复用组件状态难，高阶组件+渲染属性providerscustomers，等一堆工具都是为了解决这个问题，但是造成了很严重的理解成本和组件嵌套地狱生命周期带来的负面影响

·2022-11-16 23:48

React Hook 父子组件相互调用函数方式

目录ReactHook父子组件相互调用函数1.子组件调用父组件函数方法2.父组件调用子组件函数方法ReactHook父子组件传值父组件子组件ReactHook父子组件相互调用函数1.子组件调用父组件函数方法

·2022-11-12 13:28

SolidJS——前端新秀框架，性能直逼原生JS

Solid号称拥有JSX语法，类似于Reacthook的语法，你可以用现代化的开发方式，获得性能最快的代码。

天問_·2022-10-29 17:27

React-Hook最佳实践

ReactHook新出现背景类组件的问题复用组件状态难，高阶组件+渲染属性providerscustomers，等一堆工具都是为了解决这个问题，但是造成了很严重的理解成本和组件嵌套地狱生命周期带来的负面影响

·2022-10-19 15:16

React-Hook最佳实践

ReactHook新出现背景类组件的问题复用组件状态难，高阶组件+渲染属性providerscustomers，等一堆工具都是为了解决这个问题，但是造成了很严重的理解成本和组件嵌套地狱生命周期带来的负面影响

·2022-10-17 13:29

React Hooks 你了解吗?

什么是ReactHookReactHook是React16.8版本之后添加的新属性，用最简单的话来说，ReactHook就是一些React提供的内置函数，这些函数可以让FunctionComponent

一码走天涯·2022-10-11 07:05

react源码中的hooks

今天，让我们一起深入探究ReactHook的实现方法，以便更好的理解它。但是，它的各种神奇特性的不足是，一旦出现问题，调试非常困难，这是由于它的背后是由复杂的堆栈追踪（stacktrace）支持的。

·2022-10-04 13:29

前端，通过面试去学习，框架（vue react reactHook 微信小程序）

vuereact哪个用的多，再针对你用的多的进行提问就我个人而言，我觉得网上讲解vue源码的博客比较多，vue的相关面试题整理的也比较多，面试时可能更好回答一些react用的没有vue多，源码还没开始读，reactHook

IronKee·2022-09-29 15:13

React hook实现简单的websocket封装方式

目录Reacthook实现websocket封装react自定义hook解决websocket连接,useWebSocket1、描述2、代码Reacthook实现websocket封装新建websocket.ts

·2022-09-28 19:58

vue3入门(总结)

序：经过了漫长的迭代，2020年9月18日，Vue.js发布3.0版本，代号：OnePiece（海贼王）使用了Typescript进行了大规模的重构，带来了CompositionAPIRFC版本，类似ReactHook

MoXinXueWEB·2022-09-23 07:35

React报错之React hook 'useState' cannot be called

正文从这开始~总览当我们尝试在类组件中使用useState钩子时，会产生"Reacthook'useState'cannotbecalledinaclasscomponent"错误。

·2022-08-23 23:09

React报错之React hook 'useState' cannot be called in a class component

正文从这开始~总览当我们尝试在类组件中使用useState钩子时，会产生"Reacthook'useState'cannotbecalledinaclasscomponent"错误。

chuckQu·2022-08-23 22:00

react中使用useEffect及踩坑记录

使用总结常见使用useEffect()的第二个参数说明useEffect()第一个函数参数的返回值useEffect()的注意点使用useEffect及踩坑记录useEffect介绍useEffect时reactHook

·2022-08-23 16:43

React Hook实现对话框组件

ReactHook实现对话框组件，供大家参考，具体内容如下准备思路：对话框组件是有需要的时候希望它能够弹出来，不需要的时候在页面上是没有任何显示的，这就意味着需要一个状态，在父组件点击按钮或其他的时候能够更改

·2022-08-23 16:39

React报错之React Hook 'useEffect' is called in function

正文从这开始~总览为了解决错误"ReactHook'useEffect'iscalledinfunctionthatisneitheraReactfunctioncomponentnoracustomReactHookfunction

·2022-08-22 23:59

React报错之React Hook 'useEffect' is called in function

正文从这开始~总览为了解决错误"ReactHook'useEffect'iscalledinfunctionthatisneitheraReactfunctioncomponentnoracustomReactHookfunction

chuckQu·2022-08-22 22:00

React报错之React hook 'useState' is called conditionally

正文从这开始~总览当我们有条件地使用useState钩子时，或者在一个可能有返回值的条件之后，会产生"Reacthook'useState'iscalledconditionally"错误。

·2022-08-21 23:52

React报错之React hook 'useState' is called conditionally

正文从这开始~总览当我们有条件地使用useState钩子时，或者在一个可能有返回值的条件之后，会产生"Reacthook'useState'iscalledconditionally"错误。

chuckQu·2022-08-21 22:00

React扩展知识

目录一.setStatesetState更新状态的2种写法二、lazyLoad路由组件的lazyLoad三、Hooks1.ReactHook/Hooks是什么?

BlackStar-Coder·2022-08-10 13:32

React Hook中useState更新延迟问题及解决

目录ReactHook中useState更新延迟ReactHookuseState连续更新对象问题ReactHook中useState更新延迟方法一：去掉useEffect的第二个参数例如以下代码错误实例

·2022-08-08 11:48

react高频面试题总结（一）

ReactHook的使用限制有哪些？ReactHooks的限制主要有两条：不要在循环、条件或嵌套函数中调用Hook；在React的函数组件中调用Hook。那为什么会有这样的限制呢？

·2022-08-02 11:37

React Hook 四种组件优化总结

目录前言组件抽取memo优化组件React.memo语法useCallback优化组件useCallback作用useMemo优化useMemo语法useCallback和useMemo区别前言ReactHook

·2022-07-27 10:15

Vue3 Composition API教程

vue3最大的改变是加入了这个灵感来源于ReactHook的CompositionAPI（组成API），这个API将对vue编程产生了根本性变革，但是vue3还是兼容vue2的OptionsAPI。

perryhuan9·2022-07-12 16:46

React Hook第七篇----React路由(详细篇)

ReactHook第七篇----React路由React中的路由路由V6特性安装引入一级路由与多级路由重定向配置404页面拦截嵌套路由导航声明式导航编程式导航路由传参方式1(路径传参)方式2(state

碰磕·2022-07-06 14:58

React 全家桶（react脚手架 redux react-redux react-router-dom ui库 reactHook）含自定义hook的方法及使用

文章目录React入门React简介React为何物为何学习ReactReact初体验来一发HelloReact创建虚拟DOM的两种方式：JS和JSX虚拟DOM&&真实DOM**JSX**JSX简介==**JSX语法规则**==JSX例子React面向组件编程函数式组件类式组件三大组件实例核心属性--state组件实例核心属性propsprops基本使用批量传递props限制传递的propspro

wincheshe·2022-07-06 14:57

React Hook第五篇----useContext&&useReducer

ReactHook第五篇----useContext&&useReduceruseContext介绍使用useReducer介绍使用(简单示例实现计算器)将useContext与useReducer整合首发

碰磕·2022-06-15 10:03

React Hook第四篇----useRef保存引用值

ReactHook第四篇----useRef保存引用值useRef(保存引用值)介绍语法使用首发:CSDN碰磕，分享自己的学习日志天晴✊✊阳光明媚Study…2022/6/14useRef(保存引用值)

碰磕·2022-06-15 10:02

React Hook第三篇----useCallback&&useMemo

ReactHook第三篇----useCallback记忆函数&&useMemo记忆组件useCallback记忆函数前言介绍使用useMemo记忆组件两者区别使用首发:CSDN碰磕，分享自己的学习日志小雨

碰磕·2022-06-15 10:02

react系列之组件状态

组件状态说明：能够为组件添加状态和修改状态的值在reacthook出来之前，函数式组件是没有自己的状态的1.初始化状态通过class的实例属性state来初始化state的值是一个对象结构，表示一个组件可以有多个数据状态

船长在船上·2022-06-06 13:44

如何在React中优雅的使用Interval（轮询）

但是在用ReactHook进行轮询操作时，可能会发现setInterval没有那么轻松驾驭，今天笔者就来谈谈在项目开发中是如何解决setInterval调用问题的，以及如何更加优雅的使用setInterval

·2022-05-12 09:57

Day 45/100 React Hooks 用法小结

（一）需求最近在学习React，学到了ReactHook的用法，但比较零散，今儿做下总结。

·2022-04-21 16:22

Day 44/100 React Hook之useMemo基本用法

（一）需求最近在学习React，学到了ReactHook做了useMemoDemo。（二）介绍使用useMemo是为了进而保留变量初始的值，并且依赖其他变量的改变后才更新的操作。

·2022-04-20 12:11

Day 43/100 React Hook之useRef基本用法

（一）需求最近在学习React，学到了ReactHook做了useRefDemo。（二）介绍使用useRef是为了修改某个DOM节点相关的操作。

·2022-04-19 11:25

Day 42/100 React Hook之useReducer基本用法

（一）需求最近在学习React，学到了ReactHook做了useReducerDemo。（二）介绍使用useReducer是为了方便状态管理，用法和Redux特别像。

·2022-04-19 10:18

Day 40/100 React Hook之useContext基本用法

（一）需求最近在学习React，学到了ReactHook做了useContextDemo。（二）介绍使用useContext是为了方便爷孙组件间传值。

·2022-04-16 15:14

Day 39/100 React Hook之useEffect基本用法

（一）需求最近在学习React，学到了ReactHook做了useEffectDemo。（二）介绍为了避免整体重新渲染消耗性能，想只渲染其中一部分时使用useEffect。

·2022-04-15 15:58

Day 38/100 React Hook之useState基本用法

（一）需求最近在学习React，学到了ReactHook做了useStateDemo。

·2022-04-14 17:44

vue 3初体验以及和vue 2的区别

前言经过了漫长的迭代，Vue3.0终于在上2020-09-18发布了，带了翻天覆地的变化，使用了Typescript进行了大规模的重构，带来了CompositionAPIRFC版本，类似ReactHook

bug改不完·2022-04-09 22:04

自定义hooks 同步获取useState的最新状态值

背景不使用hook时，我们可以在setState回调函数获取最新值使用reacthook时，最新的值只能在useEffect里面获取但我们有时候的业务场景需要我们同步拿到变量的最新变化值，以便做下一步操作

·2022-03-28 12:30

记一次前端面试回顾

·2022-03-27 10:27

初识ReactHook—— useEffect

要弄清楚这个钩子函数，你首先需要了解react的生命周期原理。我直接放这张图肯定会有新手直接傻眼，这什么鬼玩意啊？因为我刚学到生命周期的时候也是一脸懵逼，通过实际例子来看！下面是我个人博客首页左侧轮播图的效果实现，手机端效果隐藏了，手机端看不到效果。推荐电脑端看一下。：https://hanzhenfang.vercel.app/https://hanzhenfang.vercel.app/刚学到

·2022-03-22 17:21

通过vue3学习react17(二) - 父组件调用子组件方法Ref(ts)

今天主要学习ref方法去调用子组件的方法,reacthook和vue单文件都使用到喜欢的可以点赞ReactuseRef仅能用在FunctionComponent，createRef仅能用在ClassComponent

·2022-03-22 14:21

推荐频道

ReactHook

在 hook 组件中拆分时图时需要注意的事项

react源码中的hooks

jira-dev-tool插件安装失败的解决方法

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

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

Solid.js前端新秀框架 力压 web3.js 框架

React Hook 'useEffect' is called in function报错解决

react源码中的hooks

React-Hook最佳实践

React Hook 父子组件相互调用函数方式

SolidJS——前端新秀框架，性能直逼原生JS

React-Hook最佳实践

React-Hook最佳实践

React Hooks 你了解吗?

react源码中的hooks

前端，通过面试去学习，框架（vue react reactHook 微信小程序）

React hook实现简单的websocket封装方式

vue3入门(总结)

React报错之React hook 'useState' cannot be called

React报错之React hook 'useState' cannot be called in a class component

react中使用useEffect及踩坑记录

React Hook实现对话框组件

React报错之React Hook 'useEffect' is called in function

React报错之React Hook 'useEffect' is called in function

React报错之React hook 'useState' is called conditionally

React报错之React hook 'useState' is called conditionally

React扩展知识

React Hook中useState更新延迟问题及解决

react高频面试题总结（一）

React Hook 四种组件优化总结

Vue3 Composition API教程

React Hook第七篇----React路由(详细篇)

React 全家桶（react脚手架 redux react-redux react-router-dom ui库 reactHook）含 自定义hook的方法及使用

React Hook第五篇----useContext&&useReducer

React Hook第四篇----useRef保存引用值

React Hook第三篇----useCallback&&useMemo

react系列之组件状态

如何在React中优雅的使用Interval（轮询）

Day 45/100 React Hooks 用法小结

Day 44/100 React Hook之useMemo基本用法

Day 43/100 React Hook之useRef基本用法

Day 42/100 React Hook之useReducer基本用法

Day 40/100 React Hook之useContext基本用法

Day 39/100 React Hook之useEffect基本用法

Day 38/100 React Hook之useState基本用法

vue 3初体验以及和vue 2的区别

自定义hooks 同步获取useState的最新状态值

记一次前端面试回顾

初识ReactHook—— useEffect

通过vue3学习react17(二) - 父组件调用子组件方法Ref(ts)

Solid.js前端新秀框架力压 web3.js 框架

React 全家桶（react脚手架 redux react-redux react-router-dom ui库 reactHook）含自定义hook的方法及使用