useEffect

React Hook丨用好这9个钩子，所向披靡

让我们先深入了解react内置的这几个钩子这里我们简单给几个钩子贴上标签useState【维护状态】useEffect【完成副作用操作】useContext【使用共享状态】useReducer【类似redux
爱技术的大仙·2023-10-16 21:29

轻松学会 React 钩子：以 useEffect() 为例

下面就来谈谈，怎样正确理解钩子，并且深入剖析最重要的钩子之一的useEffect()。内容会尽量通俗，让不熟悉React的朋友也能看懂。欢迎大家参考我以前写的
ruanyf·2023-10-16 21:26

在 Vue3 中实现 React 原生 Hooks（useState、useEffect），深入理解 React Hooks 的

前言首先本文不会过度深入讲解只属于React或者只属于Vue的原理，所以只懂React或者只懂Vue的同学都可以畅通无阻地阅读本文。关于Vue3的React-styleHooks的实现原理和ReactHooks的实现原理在社区里已经有很多讨论的文章了，希望本文可以给你不一样的角度去理解ReactHooks的本质原理，也只有理解了ReactHooks实现的本质原理，才可以在Vue3的函数式组件上实现
前端瓶子君·2023-10-16 21:54

深入理解 useEffect：探索React中的副作用处理

在React开发中，useEffect是一个非常强大的钩子函数，用于处理组件的副作用操作。
RswtPerl·2023-10-16 21:22

解析React的useEffect钩子

在React中，useEffect是一个重要的钩子函数，用于处理组件的副作用和生命周期事件。在本文中，我们将深入探讨React的useEffect钩子，并提供一些示例代码来说明其用法。
JustLikeRun·2023-10-16 21:21

深入理解React中的useEffect钩子函数

其中之一就是useEffect钩子函数，它为我们提供了在组件渲染周期中处理副作用的能力。本篇博客将深入探讨useEffect的基本用法、常见应用场景以及注意事项。什么是useEffect？
TechWhiz-晓同·2023-10-16 21:50

关于Ant Design＜React＞中的tree组件默认选中事件

import{getDep}from'@/api/api'import{useState,useEffect}from'react'import{Tree}from'antd'constDep=()=>
独孤九溅·2023-10-16 21:31

轻松学会 React 钩子：以 useEffect() 为例

一、React的两套API以前，ReactAPI只有一套，现在有两套：类（class）API和基于函数的钩子（hooks）API。任何一个组件，可以用类来写，也可以用钩子来写。下面是类的写法。classWelcomeextendsReact.Component{render(){returnHello,{this.props.name};}}再来看钩子的写法，也就是函数。functionWelco
sanly_shi·2023-10-16 15:55

React usePersistedState hook

使用三个useEffect()钩子的实例分别进行初始化、值更改和名称更改。当组件第一次挂载时，如果有存储值，则使用Storage.getItem()来更新
ikonan·2023-10-16 14:20

表格Table常用逻辑hooks封装，自用，基于AntD-React

先看最终代码：importReact,{useState,useMemo,useEffect}from'react'interfacePageAbout{current:numberpageSize:number
布可booker·2023-10-16 08:08

封装一个下拉选择Table（可分页、可搜索）DropdownTable

github代码地址import{Select,Table,Input,message,TablePaginationConfig}from"antd";import{useRef,useState,useEffect
importUIKit·2023-10-15 21:14

useEffect的两个参数

情况一：useEffect需要传递两个参数，第一个参数是逻辑处理函数，第二个参数是一个数组useEffect(()=>{/**执行逻辑*/},[])情况二：第二个参数存放变量，当数组存放变量发生改变时，
m0_49471668·2023-10-14 16:04

React+Antd 实现组滚动表格加强版

前情提要上一个版本出现了一些问题,当一个页面同时引用多个自滚动表格的时候会出现dom获取错误,所以改用ref来精准获取dom元素.所以造出来这个加强版组件源码importReact,{useEffect
前端CV攻城狮·2023-10-14 16:10

【HTML+REACT+ANTD 表格操作】处理(改变)数据，改变DOM

letchangeShifts=[[${changeShifts}]];constProductionMonitoring=()=>{'usestrict';letdisposeArray=[];const{useState,useEffect
東方幻想郷·2023-10-14 16:07

React通过ref获取子组件的数据和方法

/App.css";importReact,{useEffect,useRef}from"react";importRefToGetChildfrom".
qq_42750608·2023-10-14 16:55

React18入门（第三篇）——React Hooks详解，React内置Hooks、自定义Hooks使用

1.6使用immer修改state二、内置Hook——useEffect2.1作用及使用2.2执行时机2.3useEffect执行两次三、其他内置Hooks3.1useRef—
礼貌而已·2023-10-14 12:14

React18开发总结（完善中）

1.React18，useEffect被调用了两次import{useState,useEffect}from"react";constCounter=()=>{const[count,setCount
孙俊熙·2023-10-14 12:36

react闪屏问题以及useEffect和useLayoutEffect的对比使用

二者对比useEffect()是在渲染被绘制到屏幕之后执行的，是异步的；useLayoutEffect()是在渲染之后但在屏幕更新之前执行的，是同步的。
田本初·2023-10-13 11:08

ProComponents EditableProTable使用

import{EditableProTable}from'@ant-design/pro-components';import{useEffect,useState}from'react';constEditModal
丸子吖嘿·2023-10-13 04:28

React Hooks: 深入剖析 useMemo 和 useEffect

本文由阿里巴巴Lxylona授权分享，因未标注原创，如需转载，请顶部标注来源本公众号。背景最近React团队发布消息，称他们即将基于Hooks重写官方文档，FunctionComponent即将代替ClassComponent成为官方主推的开发方式。大家可能都开始慢慢从ClassComponent转向Hooks，但是理想和现实还是有些差距，我们团队从2019年开始尝试使用Hooks，事实也证明Ho
React 中文社区·2023-10-12 23:48

useEffect Hook使用纠错

在使用useEffect时，有一些常见的错误和最佳实践需要注意。
仙鹤童子```·2023-10-12 03:55

react hook 闭包陷阱问题

项目场景：react中使用hook(useEffect)时遇到的闭包陷阱问题问题描述react中使用hook(useEffect)时遇到的闭包陷阱问题：原因分析：在hook里面的函数，如果是useEffect
前端菜鸟贵贵哥·2023-10-12 01:43

解决 React Hooks 的闭包陷阱

原因：闭包陷阱产生的原因就是useEffect等hook里用到了某个state，但是没有加到deps数组里，这样导致state变了却没有执行新传入的函数，依然引用的之前的state。
ttyt1217·2023-10-12 00:38

React-Hook最佳实践

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

react函数组件的闭包问题

情况2：写在useEffect函数里：useEffect如果没有设置依赖项的话，修改值后不会再执行，useEffect只会在组件第一次渲染的时候执行。
qq_35757537·2023-10-12 00:32

ahooks 是怎么解决 React 的闭包问题的？

React的闭包问题，举个例子importReact,{useState,useEffect}from"react";exportdefault()=>{const[count,setCount]=useState
码不动的码蜂·2023-10-12 00:29

浅谈React hooks函数组件的闭包陷阱以及解决方法

如下：consttestDemo=()=>{const[count,setCount]=useState(1)useEffect(()=>{setInterval(()=>{console.log(count
A_STUDY程序媛·2023-10-12 00:56

Antd Ant Design Form Form.List 使用Demo 使用方法

importReact,{useState,useEffect}from'react';import{Modal,message,Form,Button,Space,Select,Input}from'antd
zhongshizhi91·2023-10-11 09:02

HOOK—useState、useEffect的使用

下面主要介绍一下useState和useEffect的使用。useState通过在函数组件里调用它来给组件添加一些内部state。
小胖周·2023-10-10 11:58

react-hooks/exhaustive-deps警告

importReact,{useRef,useEffect}from'react';import{useTheme}from'@material-ui/core/styles';//importechartsfrom'echarts
梓沂·2023-10-09 17:55

【React-hooks篇幅】自定义hooks

Hooks能够调用诸如useState、useEffect、useContext等，普通函数则不能。
搬砖的小编·2023-10-09 16:50

react高阶成分（HOC）实践例子

以下是一个使用React函数式组件的高阶组件示例，它用于添加身份验证功能：importReact,{useState,useEffect}from'react';//定义一个高阶组件，它接受一个组件作为输入
仙鹤童子```·2023-10-09 16:49

如何使用 React 和 Docusaurus 编写的一些自定义钩子（Hook）

importuseRouteContextfrom'@docusaurus/useRouteContext';import{DependencyList,useEffect,useRef,useState
步子哥·2023-10-06 16:16

Next.js 入门笔记

前言之前初步体验了React的魅力,又看文档理解了一下useState和useEffect,目前初步理解的概念是:useState用来声明在组件中使用并且需要修改的变量useEffect用来对useState
DexterLien·2023-10-06 07:45

useEffect完全指南笔记

1.渲染过程第一次:React:给我状态为0时候的UI你的组件：给你需要渲染的内容：Youclicked0times。记得在渲染之后调用这个effect:()=>{document.title='Youclicked0times'}。React:没问题。开始更新UI，喂浏览器，我要给DOM添加一些东西。Browser：酷，我已经把它绘制到屏幕上啦。React：好的，我要开始运行我的effect啦：
蓝子_23d0·2023-10-04 22:19

useEffect和useLayoutEffect

useEffect该Hook接收一个包含命令式、且可能有副作用代码的函数使用useEffect完成副作用操作。赋值给useEffect的函数会在组件渲染到屏幕之后执行。
AAA前端·2023-10-03 12:22

useEffect, useCallback, useMemo三者有何区别？

useEffectuseEffect可以帮助我们在DOM更新完成后执行某些副作用操作，如数据获取，设置订阅以及手动更改React组件中的DOM等有了useEffect，我们可以在函数组件中实现像类组件中的生命周期那样某个阶段做某件事情
街角仰望·2023-10-03 05:55

React查询、搜索类功能的实现

React查询、搜索类功能的实现查询之类的如果是通过向列表接口中发送对应参数来查询的，那么在默认输出时，在useEffect钩子中的请求中可以先为需要查询的请求参数设初始的state，也就是null或者未定义
BJYXSZD-9185·2023-09-30 22:48

我打破了 React Hook 必须按顺序、不能在条件语句中调用的枷锁

这让React能够在多次的useState和useEffect调用之间保持hook状态的正确。(如果你对此感到好奇，我们在下面会有更深入的解释。)这个限制在开发中也确实会时常
前前前端小飞·2023-09-27 21:21

echarts 双Y轴折线图

import{useEffect,useState}from'react';import*asechartsfrom'echarts';/***byShiwu*/exportdefaultfunctionDoubleLine
hzxOnlineOk·2023-09-27 21:15

React中组件通信02——消息订阅与发布、取消订阅以及卸载组件时取消订阅

React中组件通信02——消息订阅与发布、取消订阅以及卸载组件时取消订阅1.前言1.1使用props通信1.2关于useEffect2.安装pubsub-js3.消息订阅与发布3.1简单例子-13.2
@素素~·2023-09-27 14:43

使用three.js 集成到react项目画旋转的地球

直接看效果Konnect:Foreveryhuman上react组件EarthComponentimport{useEffect,useRef}from'react';import*asTHREEfrom'three
肥肥呀呀呀·2023-09-27 13:35

44.React学习笔记.hooks useEffect

一.认识EffectHook在Hook中，如何对应生命周期呢？：EffectHook起到了类似class中生命周期的功能。类似于网络请求，手动更新DOM，一些事件监听，都是React更新DOM的一些副作用（SideEffect）；对应于完成这些功能的Hook被称为EffectHook；importReact,{PureComponent}from'react'exportdefaultclassC
_生生不息_·2023-09-26 16:51

React 基础 useEffect 操作 DOM

使用技巧参数：在获取DOM时，一般都设置Null返回值：返回一个带有Current属性的对象，通过该对象可以得到DOM对象或者类组件实例useEffect获取DOM1.使用useRef创建一个有current
zengxingX·2023-09-26 13:32

关于React使用useEffect Hook时内部变量产生警告的解决方法

letdataSourceNum=0useEffect(()=>{get("********").then((res)=>{const{data}=res;data.map(item=>{dataSourceNum
阿甲克斯·2023-09-26 13:31

react中useEffect基本用法及底层机制

useEffectuseEffect():由于函数数组件中不能使用生命周期,所以用useEffect()在函数组件中来模拟生命周期钩子，基本语法//语法和说明：useEffect(()=>{//在此可以执行任何带副作用操作
文海鸥·2023-09-26 13:01

关于 React 中 useEffect 使用问题

前言最近看了一下ant-design中的tree组件源码时发现useEffect中根据props来计算当前函数组件的state的，感到好奇，因为这样会导致应用重新绘制一次，这样才复杂场景下会对应用有一定的性能影响
前端码农小王·2023-09-26 13:31

react的useEffect

useEffect常用的几种情况：1.只要页面更新就触发回调：useEffect(()=>{//搞事情})2.只运行一次（组件挂载和卸载时执行），第二个参数传空数组[]：useEffect(()=>{/
Mosowe·2023-09-26 13:31

react hooks 中的 useEffect, useCallback, useMemo

useEffectuseEffect可以帮助我们在DOM更新完成后执行某些副作用操作，如数据获取，设置订阅以及手动更改React组件中的DOM等有了useEffect，我们可以在函数组件中实现像类组件中的生命周期那样某个阶段做某件事情
冰雪奇缘lb·2023-09-26 13:31

【React Hooks】useEffect 用法

文章目录什么是副作用effectuseEffect基本用法useEffect与生命周期什么是副作用effect本来吃这个药，我只是想治个感冒而已，结果感冒虽然治好了，但是却过敏了。过敏便是副作用。
一颗不甘坠落的流星·2023-09-26 13:00
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他