useState

前端开发基础（5）React

一.基本概念1.JSX2.Props3.State4.虚拟DOM二.Hooks1.useState2.useEffect3.useRef4.useContext5.useMemo6.useCallback7
羽墨灵丘·2024-01-13 12:40

requestAnimationFrame实现动效优化

简单需求：一模块，每间隔t秒右移x像素const[left,setLeft]=useState(0)consthandlestartAnimation=()=>{addLeft(0)}//通过计时器逐步增加右移偏量
月下yi山人·2024-01-13 04:51

react生命周期

useUnmount,useReactive,useUpdateEffect}from"ahooks";importstyledfrom"styled-components";import{useEffect,useState
紫雪giser·2024-01-12 18:32

React---函数组件的常用hook

1.useStateimport{useState}from'react';interfaceState{count:number;}functionCounter(){const[state,setState
我是火山呀·2024-01-12 14:46

触底加载上拉刷新

上拉：importReact,{useState}from'react';functionShangla(){const[refreshing,setRefreshing]=useState(false
wyc_ok·2024-01-12 09:58

React Hooks useContext 传参数

createContext(null);exportdefaultContext;2、父级组件引入context.js文件，并用Provider包裹子组件，值通过value传递，如下图：importReact,{useState
蒲厷渶之戀·2024-01-12 08:26

React实现Vue中的computed、watch、mounted()、beforeDestroy()功能

React实现Vue中的computed、watch、mounted()、beforeDestroy()功能import{useEffect,useState,useMemo}from"react";exportfunctionTest
qq_41985405·2024-01-12 07:56

React之自定义路由组件

代码自定义路由组件import{useEffect,useState}from"react";importReactfrom'react'//路由配置exportconstMyRouter=({children
卡卡舅舅·2024-01-12 01:07

React Portals

protal组件Portal.jsximport{useState}from"react";importReactDOMfrom"react-dom";import".
卡卡舅舅·2024-01-12 01:06

七、学习useReducer

useReducer是reacthooks中提供的一个高级hooks，即便没有这些高级hooks，只用useState、useEffect和useContext，也能完成需求。
代码搬运工_田先森·2024-01-11 20:31

react hooks

hooks可以在不编写class组件的情况下使用state1、useState会返回一对值：当前状态和一个更新值的函数const[state,setState]=useState(initialState
Alice_66·2024-01-11 20:29

ReactHooks：渲染与useState

一旦组件被初次渲染，就可以调用set函数（useState）更新其状态来触发之后的渲染。更新组件的状态会自动将一次渲染送入队列。可以把这种情况想象成餐厅客人在第一次下单之后又点了茶、点
羽墨灵丘·2024-01-11 07:18

前端er们，你真的会用useState么？

在本文中,我们将揭示5个需要你远离的常见useState错误。继续关注,从这些陷阱中学习,使你的React代码始终保持最佳状态!忽视不可变规则:React状态是不可变的,这意味着你永
今天也想MK代码·2024-01-11 02:18

react16.7 编写自己的钩子

当我们学习使用`EffectHook时，我们从聊天应用程序中看到了这个组件，该组件显示一条消息，指示朋友是在线还是离线：import{useState,useEffect}from'react';functionFriendStatus
xiaohesong·2024-01-11 00:17

React Hook （一）

，能够使我么们不用Class组件而使用State以及其他的一些特性reacthook大致分为statehook、Effecthook以及自定义hookstatehook的使用importReact,{useState
余墨残香666·2024-01-10 16:11

用JS操作窗口（react中），触底加载，回到顶部，吸顶，下拉刷新，示例代码

window.scrollY创建回到顶部按钮吸顶创建函数应用元素css样式下拉刷新创建新增数据函数加载时间函数应用元素触底加载创建loadMore函数const[hasMore,setHasMore]=useState
卡科卡·2024-01-10 12:27

React + TS todolist demo

TodoListimportReact,{useState}from"react";importTodoItemfrom".
每天都要比昨天更快乐·2024-01-10 05:45

在React和Vue中实现锚点定位功能

在React中，可以使用useState和useEffect钩子来实现锚点定位功能。
无妄的罪·2024-01-09 11:21

React Hooks的useState、useRef使用

其中，useState和useRef是两个常用的Hooks。1.useStateuseState是一个允许你在函数组件中添加state的Hook。
无妄的罪·2024-01-09 11:51

React自定义hook及使用规则

1.自定义hook//自定义hook，命名要以use开头functionuseClock(){const[date,setDate]=useState(newDate())useEffect(()=>{
92huahua·2024-01-08 20:32

React Hooks之useState、useRef

其中两个常用的ReactHooks是useState和useRef。useState是一个函数，用于在函数组件中声明和管理状态。
我爱学习yq·2024-01-08 11:34

前端实现图片验证码（纯代码-可直接拉取使用）

importReact,{useState,useEffect}from'react';import{Button}from'antd';exportdefaultfunctionData(){const
今天也要爱小姜·2024-01-08 04:50

【中后台全屏插件和使用方法】

pnpminstallscreenfull首先可以通过一个状态用来区分当前页面是否是全屏状态，比如://是否全屏状态const[isFullScreen,setIsFullScreen]=useState
九层嵌套 for 循环·2024-01-08 04:44

记一个React组件入参不当导致页面卡死的问题

/App.css';importReact,{useState,useEffect}from"rea
zhichaosong·2024-01-08 03:21

【antd受控树Tree组件】

1、效果2、代码importReact,{useState}from"react";import".
呐呐呐呐。·2024-01-08 01:57

React Hooks中useState的介绍，并封装为useSetState函数的使用

useState允许我们定义状态变量，并确保当这些状态变量的值发生变化时，页面会重新渲染。
1024小神·2024-01-07 22:32

React之useRef hook

useThrottle.jsximport{useEffect,useRef,useState}from"react";import{useEffect,useRef,useState}from"
卡卡舅舅·2024-01-07 03:13

React 实现拖放功能

样例布局拖放LayoutResize.jsimportReact,{useState}from"react";import{Button}from"antd";import".
卡卡舅舅·2024-01-07 03:40

【react-taro-canvas】用canvas手写一个数字、字母混合的行为验证码

字母混合的行为验证码实现效果源码实现效果源码importTarofrom"@tarojs/taro";import{View,Canvas,Input,Button}from"@tarojs/components";import{useState
thinkasany·2024-01-06 16:27

ref hook之useRef

一、useRefuseRef函数：1.一个参数：默认值2.返回一个固定的对象（对象的地址是不会变化的），{current:值}importReact,{useState}from'react'exportdefaultfunctionApp
_处女座程序员的日常·2024-01-06 14:17

useMemo

useCallback函数会直接返回函数fn的引用地址importReact,{useState,useCallback}from'react
_处女座程序员的日常·2024-01-06 14:17

react高阶成分（HOC）

使用React函数式组件写了一个身份验证的一个功能，示例通过高阶组件实现的一个效果展示：importReact,{useState,useEffect}from'react';//定义一个高阶组件，它接受一个组件作为输入
代码真的养发·2024-01-06 09:21

React快速入门

可以通过构造函数（constructor）或者使用React的钩子函数（hook）useState来定义状态。
代码真的养发·2024-01-05 22:26

React拖拽实践

基本原理在React中实现拖拽功能的基本原理是：1.跟踪拖拽的状态：使用React的状态管理机制（通常是useState或useReduc
代码真的养发·2024-01-05 18:01

react antd，echarts全景视图

1.公告滚动，40s更新一次2.echarts图标左右轮播60s更新一次3.table表格import{useState,useEffect}from'react';importSliderfrom'react-slick
Sunny·2024-01-05 15:04

reactHook使用高阶组件

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

[HOOK]useAsync

因此我们经常需要定义并管理三个状态，并且这套逻辑在项目中是广泛存在的，比如表格页面的例子：因此，可以使用一个自定义HOOK将这部分逻辑抽离出来：import{useEffect,useState,useCallback
小丸子啦啦啦呀·2024-01-05 13:53

React Hooks之useState、useRef

文章目录ReactHooks之useStateReactHooksuseStatedemo：在函数式组件中使用useStateHook管理计数器demo：ant-design-pro中EditableProTable组件使用useRefReactHooks之useStateReactHooks在React16.8版本中引入了Hooks，它是一项新的特性，使得我们在函数组件中可以使用状态（state
西京刀客·2024-01-05 07:33

react获取上一轮的props和state（接用 useEffect, useRef实现）

hookimportReact,{useState,useEffect}from'react'import{Select}fro
崽崽的谷雨·2024-01-04 20:55

解决React Hooks useEffect控制台报错：内存泄漏

不知道小伙伴们在使用reactuseEffect的时候，在用useState中setState的时候有没有遇到内存泄漏的问题哈，解决此问题有两种方法哈，如下：//第一种方式：constExampleFC
xiaofeixiaofei小飞·2024-01-04 20:52

企业培训系统开发：构建灵活高效的学习平台

//示例：React组件importReact,{useState,useEffect}from'reac
万岳科技系统开发·2024-01-04 18:51

React监听窗口宽度变化 触发resize（Hooks版本）

需求场景：项目中有些样式，需要监听窗口大小更改，做一些自适应处理Code：const[screenW,setScreenW]=useState(document.documentElement.clientWidth
cvory·2024-01-04 12:47

React hook实现简单的websocket封装

新建websocket.ts文件import{useState,useRef,useEffect}from'react'constuseWebsocket=({url:string,verify})=>
bigHead-·2024-01-04 01:30

【React】常用Hook函数的梳理和总结（第二篇）

欢迎大家来到Hook的世界，真的贼好用~2.常用Hook函数Hook说明示例useState(initialState)功能：为函数组件添加状态变量，输入可是基本数据类型或引用数据类型，也可以是不带参数的纯函数
古狼（Jenkin_guwolf）·2024-01-03 22:52

React快速入门

可以通过构造函数（constructor）或者使用React的钩子函数（hook）useState来定义状态。
m0_黎明·2024-01-03 11:16

html引入react以及hook的使用

在html中能正常使用useState和useEffect等hook。
thinkasany·2024-01-03 07:34

React自定义Hook

在使用组件时开投字母一定要大写使用自定义Hook时，前面一定要加use场景只能在组件中或者其他自定义Hook函数中调用只能在组件的顶层调用，不能嵌套在if、for、其他函数中使用方式创建useToggleimport{useState
Bunny0212·2024-01-02 19:39

React将Base64编码字符串转化为图片

以下是一个示例：首先，你需要定义状态变量来存储Base64编码字符串和BlobURL：importReact,{useState}from"react";functionApp(){const[base64Str
小凖·2024-01-02 07:56

React 实现 Step组件

实现Step.jsx(组件)import{useEffect,useState}from"react";exportconstStep=({name,data})=>{constsubmit=(event
卡卡舅舅·2024-01-02 07:01

毫秒格式化

##计算当前毫秒数：const[start,setStart]=useState(newDate().getTime())useEffect(()=>{setInterval(()=>{setCurrMill
DOM曼珠沙华·2024-01-01 17:41
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他