useref

React技巧之检查元素是否可见

import{useEffect,useRef,useState,us
·2022-06-24 23:16

React自定义hook之：useClickOutside——判断是否点击DOM之外区域

经过调研发现使用useRef+浏览器事件绑定可以实现这一需求，并且可以将这一功能抽象为自定义hook。
·2022-06-24 20:39

React自定义hook的方法

常用的有哪些hookReact中常用的hooks有：useState状态管理useEffect生命周期useContext跨组件数据传递useRef组件引用....自定义
·2022-06-24 18:36

通过一道题来看React事件模型

下面代码输出什么constMainApp=()=>{constparentRef=useRef();constchildRef=useRef();constparentClickFun=useCallback
·2022-06-20 09:00

react useRef的两层用法，开眼界了

而useRef这个hooks函数，除了传统的用法之外，它还可以“跨渲染周期”保存数据。
·2022-06-20 01:22

React新文档：不要滥用Ref哦～

React新文档有个很有意思的细节：useRef、useEffect这两个API的介绍，在文档中所在的章节叫EscapeHatches（逃生舱）。
·2022-06-20 00:50

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

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

Taro中使用React父组件调用子组件

父组件调用的话，需要要useRef来实现父组件上importNerv,{useState,useEffect,useRef}from"nervjs";importBaseComponentfrom'@components
RadishHuang·2022-06-14 00:17

ReactHooks+ts(函数组件)实现原生轮播的示例

npminstallsmoothscroll-polyfill--savenpmi--save-dev@types/smoothscroll-polyfill2.创建tsx文件importReact,{useRef
·2022-05-30 20:02

通过一道题来看React事件模型

下面代码输出什么constMainApp=()=>{constparentRef=useRef();constchildRef=useRef();constparentClickFun=useCallback
IOneStar·2022-05-18 12:05

Hooks 各个击破

React文档Hooks：useState、useEffect、useLayoutEffect、useContext、useReducer、useMemo、React.memo、callCallback、useRef
珍惜时间小李·2022-05-12 12:31

React Hooks与setInterval的踩坑问题小结

目录一、需求二、解决方案1、函数式更新2、使用useRef3、用useReducer4、自定义的hooks一、需求我们希望有一个每一秒自动+1的定时器functionCounter(){let[count
·2022-05-06 18:12

30行代码实现React双向绑定hook的示例代码

目录使用Proxy代理数据使用useRef创建同一份数据引用添加更新handler去除多次Proxy添加缓存完善代码总结Sandbox示例Vue和MobX中的数据可响应给我们留下了深刻的印象，在React
·2022-04-25 09:43

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

（二）介绍使用useRef是为了修改某个DOM节点相关的操作。下面的Demo是使用useRef实现，input输入框获取焦点的例子。
·2022-04-19 11:25

react 可拖拽进度条的实现

*@LastEditors:hongbin*@LastEditTime:2022-04-1621:00:02*@Description:拖动进度条组件*/import{FC,ReactElement,useRef
·2022-04-17 15:35

通过vue学习react(四) - watch,computed,slot等功能

watchreacthook实现watchfunctionuseWatch(deps:T,handler:(next:T,prev:T)=>void,immediate=false){letnextRef=useRef
·2022-03-28 13:32

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

setState回调函数获取最新值使用reacthook时，最新的值只能在useEffect里面获取但我们有时候的业务场景需要我们同步拿到变量的最新变化值，以便做下一步操作；这时我们可以封装一个hook通过结合useRef
·2022-03-28 12:30

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

使用useRef子组件(Child.tsx)#Child.tsxexportinterfaceChildProps{count:number;setCount:(params:Chi
·2022-03-22 14:21

react-router-dom v6 通过outlet实现keepAlive 功能的实现

本文主要介绍了react-router-domv6通过outlet实现keepAlive功能的实现，具体如下：keepAlive代码：importReact,{useRef,useEffect,useReducer
·2022-03-21 11:23

使用react做一个页面滚动的效果

constScroll=({children,style})=>{constcontainer=useRef(null);useEffect(()=>{constInterval=setInterval
·2022-03-21 10:58

关于react hooks的一些Q&A

比如有如下代码：constcomponent=(props)=>{const[a,setA]=useState(true);const[b,setB]=useState(true);constref=useRef
·2022-03-12 16:54

react hooks 本质探索 - useMemo、useEffect源码解析

useRef和useCallback感觉是最容易理解的两个原生use了：reacthooks本质探索-useRef源码详解reacthooks本质探索-useCallback源码解析因为之后要说的，都涉及
·2022-03-12 13:46

react hooks 本质探索 - useCallback源码解析

useCallback是所有原生use中比较简单的函数其实整体跟useRef/useState类似。我们直接看源码。
·2022-03-12 13:15

react hooks源码核心：workInProgressHook函数

目前可以确定，useRef和useState类似，每一个useState/useRef都可以理解为一个钩子，钩子（指针）存储在workInProgressHook中可以回顾一下useRef的源码：reacthooks
·2022-03-12 13:15

react hooks本质探索 - useRef源码详解

所以对于不需要变化的常量，一般用useRef封装起来。常见的使用方法：consta=useRef(initalValue);在执行组件方法的时候，a不会被重新赋值。那么useRef在这里
·2022-03-12 13:44

React中的Refs属性你来了解吗

目录1介绍2使用方法2.1createRef（版本>=React16.3）2.2回调Refs2.3String类型的Refs（已过时，不推荐使用）2.4useRef（ReactHooks）总结1介绍react
·2022-03-09 17:57

记一个React.memo引起的bug

目录一般memo用法：问题描述解决方法方案一.使用useRef+forceUpdate方案方案2.使用useCallback总结与PureComponent不同的是PureComponent只是进行浅对比
·2022-03-08 11:13

基于React实现流量趋势图同轴联动的效果（Echarts实现）

1、基本效果截图image.png2、基于React自定义hook的代码实现：SeriesChart.tsx组件封装：importReact,{useState,useEffect,useRef}
蜀城走马·2022-03-03 19:05

记录一些工作中的常用的自定义hook

useUnmountedRef：用于判断是否首次渲染import{useRef,useEffect}from'react'constuseUnmountedRef=()=>{constunmountedRef
风傲独翔·2022-02-28 19:33

React知识点总结（四）

React知识点总结文章目录React知识点总结前言一、要获取checkBoxGroup的value1.使用useRef()2.使用useState()3.回调函数前言在项目中遇到需要父组件获取子组件值时发现
Mr.Groooooooot·2022-02-24 19:30

117.《React - Hoke 总结》

Hook总结文章目录Hook总结1.useState2.useEffect3.useContext4.useRef5.useMemo1.useState使用useState实现计数器加减importReact
@逆风微笑代码狗·2022-02-21 10:44

react hooks的使用记录

"对react的自带hooks进行的归纳总结"react-hooks:常见，useState、useEffect、useMemo、useRef、useCallback、useContext少见，useReducer
·2022-01-05 20:40

react hook 使用clipboard.js 复制文本

clipboard.jsgit地址先安装yarnaddclipboarddemo如下importReact,{useRef,useEffect,useState}from'react';importClipboardJSfrom'clipboard
·2021-12-29 15:24

深度解析 React useRef Hook 的使用 ！

useRef返回一个可变的ref对象，其.current属性被初始化为传入的参数（initialValue）。返回的ref对象在组件的整个生命周期内持续存在。
·2021-12-19 13:35

知识点或文档

React.FCstyle对应的ts为React.CSSProperties高阶组件中的ts类型input元素的change事件对象：React.ChangeEvent兼容ts的高阶组件写法为函数组件添加静态属性3-useRef
习惯水文的前端苏·2021-12-01 09:17

JavaScript中的useRef 和 useState介绍

目录1、useStatehook2、useRefhook3、useRef与useState4、何时使用Refs和States1、useStatehookuseState是一个内置的Reacthook，它允许您将信息作为状态存储在变量中
·2021-11-25 10:45

React中10种Hook的使用介绍

React目前提供的Hook1.useState2.useEffect&useLayoutEffect3.useMemo&useCallback4.useRef5.useContext6.useReducerReactHook
·2021-11-14 12:01

❤️React Hooks⭐

:4常用的usestate、useEffect就不讲解了文章目录Hooks基础使用1.函数组件和类组件的区别2.useContext()：共享状态钩子3.useReducer()：action钩子4.useRef
学习React·2021-10-21 08:57

我的自定义日历

这是CalendarDate.jsimportReact,{useState,useEffect,useRef}from'react'import{Icon}from'antd'import'.
·2021-09-27 09:03

React+Typescript实现倒计时Hook的方法

首先对setInterval做了Hook化封装import{useEffect,useRef}from'react'/***interTervalhooks组件*@paramfn执行函数*@paramdelay
·2021-09-14 11:46

从源码加深理解 Hook 使用规则

从ReactHooks的源码里可以看到useState，useEffect，useRef，useMemo，useCallback......所有的Hooks里的代码都大同小异，都是调用resolveDispatcher
虚拟J·2021-09-10 15:25

JavaScript之函数防抖、节流

先放出一个示例：importReact,{useEffect,useRef}from'react'importdebouncefrom'../..
·2021-09-05 11:40

react项目中使用svg-sprite-loader按需加载svg

svg组件importReact,{useRef,useMemo,useState,useEffect}from'react'import'@/styles/components/svg/index.scoped.scss'typeIImport
·2021-08-31 17:13

移动端react-hooks+TS上拉距离顶部一定距离时 改变页面样式

conststickyRef=useRef()//创建一个ref//关联refconst[sticky,setSticky]=useState(true);//判断是否固定通过sticky更换样式constonScroll
我是一个粉刷匠呀·2021-08-27 15:08

svg实现react/rax圆环倒计时进度条组件code snippet

（拷贝自用）import{createElement,useState,useEffect,useRef,useCallb
·2021-08-19 17:33

React中refs的一些常见用法汇总

目录什么是Refs一、String类型的Refs二、回调Refs三、React.createRef()四、useRef五、Refs与函数组件总结什么是RefsRefs提供了一种方式，允许我们访问DOM节点或在
·2021-08-02 14:53

Hooks实践总结

React.FC=({title})=>{returnReact.useMemo(()=>{title},[title]);};App.defaultProps={title:''}处理状态useState(推荐)useRef
张义飞·2021-06-24 03:09

浅谈react useEffect闭包的坑

问题代码看一段因为useEffect导致的闭包问题代码constbtn=useRef();const[v,setV]=useState('');useEffect(()=>{letclickHandle
·2021-06-08 17:52

2021-02-05 React useImperativeHandle 详解

转发是必须要了解的概念//实现ref的转发constFancyInput=React.forwardRef((props,ref)=>(我是自定义的函数式组件));constApp=()=>{constref=useRef
KingAmo·2021-06-08 11:04

HOOKS基础梳理

二、常用hook1、useState2、useEffect3、useCallback/useMemo4、useRef5、useReducer6、useContext三、useState1、概念：useSta
书中自有颜如玉__·2021-05-31 09:13
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他