useState

1. 项目文件介绍

常用的Hooks包括useState（用于添加和管理状态）、useEffect（用于执行副作用操作）、useContext
taozi-0610·2025-05-02 03:37

VUE3：封装一个评论回复组件

Vue3和React在状态管理上有所不同，Vue3使用ref和reactive来管理响应式数据，而React用useState。我需要将React的useState转换为Vue3的ref。比
读心悦·2025-04-29 10:44

React第十五节useReducer使用详解差异

可以将更新函数写在组件外面它与useState()相似，useState()用于处理相对简单的状态更新逻辑；2、什么是useReducer():它是React提供的一个HOOK，用于处理复杂的
刺客-Andy·2025-04-29 05:02

and滚动下拉加载

以下是核心逻辑解析：一、关键功能模块分解1.状态管理const[data,setData]=useState([]);//已加载的数据列表const[loading,setLoading]=useState
qq_2524963996·2025-04-28 17:14

react slot传递

importReact,{useState}from'react';constFormContainer=({children,onConfirm,onCancel})=>{const[inputValue
qq_2524963996·2025-04-28 16:12

react 子组件暴露，父组件接收

//Child.jsximportReact,{forwardRef,useImperativeHandle,useState}from'react';import{Form,Input}from'antd
qq_2524963996·2025-04-25 14:37

使用react的ant-design-pro框架写一个地图组件，可以搜索地图，可以点击地图获取点击的位置及经纬度

关键步骤：1.初始化状态和引用使用了useRef和useState钩子初始化了一
乐多_L·2025-04-24 12:09

js实现2D图片堆叠在一起呈现为3D效果，类似大楼楼层的效果，点击每个楼层不会被其他楼层遮挡

实现过程使用元素的绝对定位，通过伪元素设置背景图片和文字，效果如下：index.jsx：importReact,{useEffect,useState}from'react'importstylesfrom
每一天，每一步·2025-04-23 14:44

React 自定义Hook之usePrevious

概要本文提供一个获取useState状态变化之前旧值的Hook方法usePrevious，以及该方法的基本实现思路，实现包括TS版和普通JS版。
Ethan-DEV·2025-04-21 11:41

pdfjs库使用记录1

importReact,{useEffect,useState,useRef}from'react';import*aspdfjsLibfrom'pdfjs-dist';//设置worker路径pdfjsLib.GlobalWorkerOptions.workerSrc
java_jun·2025-04-19 14:18

react native中基于webview的腾讯图形验证码

webview的腾讯图形验证码效果实例图第三方库腾讯验证码效果实例图第三方库npmireact-native-webviewreact-native-webviewimportReact,{useEffect,useState
KeYiTangPing·2025-04-16 18:54

React+Ant Design的Layout布局实现暗黑模式切换

theme配置的常见字段主题算法通过useToken获取主题效果预览暗黑模式：光亮模式：完整代码importReact,{useState}from'react';import{Breadcrumb,
魔云连洲·2025-04-16 15:06

useMemo、React.memo、useCallback（React）

importReact,{useMemo,useState}from'react';exportdefaultfunctionUseMemo(){const[count,setCount]=useState
浪漫胡渣男孩·2025-04-16 06:09

React数据更新了useState列表视图没更新的问题解决

文章目录1.前言2.问题3.问题分析4.解决方案5.总结1.前言在React18项目里，我开发了一个包含AI生图功能的页面。该页面具备一个AI生图任务列表，同时有一个新建AI生图任务的按钮。用户点击按钮，就能创建新的生图任务，新任务的相关数据会被插入到列表中，初始状态显示为Loading图片。之后，系统会在后台持续轮询该任务的进度，当任务成功完成时，会触发回调函数，将列表中对应任务的Loading
冲浪的鹏多多·2025-04-15 08:13

React 第三十节 使用 useState 和 useEffect Hook实现购物车

不使用redux实现购物车案例使用React自带的useState和useEffectHook即可实现购物车exportdefaultfunctionShoppingCar(){//要结算的商品总数以及总价
刺客-Andy·2025-04-13 17:55

第三节：React 基础篇-React组件通信方案

•示例：//父组件functionParent(){const[count,setCount]=useState(0);returnsetCount(c=>c+
涵信·2025-04-13 10:45

Web3 Tools - 助记词生成（完整代码）

工具介绍Web3Tools-助记词生成完整代码代码路径importReact,{useState}from'react';importGridfrom'@mui/material/Grid';importPaperfrom
游人区·2025-04-10 14:16

React七案例下

exportdefaultfunctionLogin(){return(账号登录登录还没有账号，去注册~)}功能实现1、添加状态username和password，获取表单元素值：const[username,setUsername]=useState
酒茶白开水·2025-04-10 11:32

【智能体开发】智能体前后端开发方案

React）创建项目：bash复制npxcreate-react-appai-agent-frontendcdai-agent-frontend修改src/App.js：jsx复制importReact,{useState
meisongqing·2025-04-10 06:23

useState 是如何工作的？一文带你拆解 React 组件状态的秘密

useState原理解析（ReactHooks）useState是React提供的状态管理Hook，用于在函数组件中添加响应式状态。它的核心原理是通过闭包+Fiber机制来管理状态和组件更新。
程序员小续·2025-04-09 00:41

React优化性能的hooks，Class类组件，zustand--Redux平替

useCallbackReact.forwardRefuseInperativeHandleClassAPI类组件基础结构类组件的生命周期类组件的组件通信zustand---Redux平替使用方法异步支持切片模式useReducer和useState
miraculous111·2025-04-08 12:49

react复习笔记一

双向数据驱动MVC：ModelViewController单向数据驱动Model:数据层View:视图层Controller:控制层+我们要学会如何构建数据/状态，以及修改状态的方法「例如：setState、useState
前端小鸡·2025-04-05 11:29

用React实现一个秒杀倒计时组件

先声明一个补0的函数functionformate(time:number):string{return`${time{//首次初始化数据，显示清除的数据const[timeInfo,setTimeInfo]=useState
感谢上Di_123·2025-04-05 01:53

【JS】React Hooks 使用详解：从入门到精通的超详细教程

ReactHooks基础useState基本用法多个状态useEffect基本用法依赖项useContext基本用法高级ReactHooksuseReducer基本用法useCallback基本用法useMemo
ChatGPT-千鑫·2025-04-02 13:13

如何在 React 中管理组件的状态？

以下是综合多篇技术资料（截至2025年03月）的完整解决方案：一、状态管理基础原则状态类型划分局部状态：仅在单个组件内部使用（如输入框的值），通过useState或useReducer管理全局状态：跨组件共享的数据
破碎的天堂鸟·2025-03-30 18:53

解决react中函数式组件usestate异步更新

问题：在点击modal组件确认后调用后端接口，使用setstateone（false）使modal组件关闭，但是设置后关闭不了，在设置setstateone（false）前后打印出了对应的stateone都为true，但是在useeffect中打印出来的为false，解决方案：把组件状态的更新值赋值给另一个变量，加一层传导1、在modal组件绑定的开关属性为另一个变量statetwo2、设置mod
我也爱吃馄饨·2025-03-30 02:33

Antd 3.x Form表单校验并提供初始值默认值

const[startValue,setStartValue]=useState(moment())useEffect(()=>{queryInvoice()},[])const
Alfie_1115·2025-03-28 20:27

TypeScript + React Hook 的类型处理

useRefconstref=useRef(null)useStateconst[name,setName]=useState('未定义变量')const[age,setAge]=useState(28
Ranye123·2025-03-28 02:21

小程序跳转到h5页面

本组件使用useState、WebView、Taro的钩子，以及taro-hooks中的useRouter。
大莲芒·2025-03-28 00:38

前端框架学习路径与注意事项

响应式数据：掌握框架的响应式原理（如Vue的ref/reactive、React的useState、Angular的@Inpu
开心小老虎·2025-03-26 12:14

1.NextJS基础

此时网页内容已经全部提供），有利于crawler和优化seo逻辑更简单requestdeduplication减少API请求可以对比如下两份代码//客户端渲染importReact,{useEffect,useState
comochris·2025-03-25 14:25

React状态管理

React提供了useState和useReducer来管理本地状态，而对于全局状态，可以使用ContextAPI或第三方库（如Redux）。用法本地状态：使用useState或useReducer。
她的双马尾·2025-03-24 07:24

react-11（自定义hook、useRef）

（感觉像是封装了一个方法）//定义constfetchHook=(url)=>{const[data,setData]=useState({})const[loading,setLoading]=useState
我只是想饮一杯奶茶·2025-03-21 04:09

react加antd封装表格单、多选组件，支持跨页选择缓存

页面效果子组件importReact,{useState,useEffect,forwardRef,useImperativeHandle}from'react';import{Modal,Input,
Cirrod·2025-03-19 17:48

前端怎么处理请求失败会弹出一个 toast,如何保证批量请求失败，只弹出一个

在前端处理批量请求时，确保只弹出一个toast通知，可以通过以下步骤实现：使用状态管理首先，您可以使用状态管理工具（例如React的useState或Redux）来跟踪请求的状态。
大莲芒·2025-03-18 19:48

六十天前端强化训练之第十七天React Hooks 入门：useState 深度解析

2.useState的作用3.基本语法解析4.工作原理5.参数详解a)初始值设置方式b)更新函数特性6.注意事项7.类组件对比8.常见问题解答二、核心代码示例三、实现效果四、学习要点总结五、扩展阅读推荐官方文档优质文章推荐学习路径进阶资源六
编程星辰海·2025-03-15 16:50

react和vue 基础使用对比

1.实现功能（ts）0.基础属性使用1.组件直接的通信2.useState动态修改值3.循环遍历功能4.实现类型vue的watch，filter，computed属性功能5.实现类似vue2的生命周期5
圣京都·2025-03-14 23:27

React篇之three渲染

需求：拖拽右侧面板，里面的three模型能够自适应import{useEffect,useState,useRef}from'react'import'.
这个一个非常哈·2025-03-14 17:57

《react》前端面试题

我的理解主要集中在以下几个方面：函数组件的状态管理：Hooks提供了useState这样的钩子函数，使得我们可以在函数组件中使用状态（state），而不需要将组件转换为class组件。
微 光·2025-03-14 17:27

React学习笔记16

一、useReducer作用：和useState的作用类似，用来管理相对复杂的状态数据使用：1、定义一个reducer函数（根据不同的action返回不同的新状态）2、在组件中调用useReducer，
充气大锤·2025-03-14 00:28

React基础之useMeno

作用：在组件每次重新渲染的时候缓存计算的结果import{useReducer,useState}from"react";functionfib(n){console.log('开始计算');if(nthisisapp
青红光硫化黑·2025-03-10 23:19

antd Form 监听数据变化的2种方式比较。onValuesChange vs Form.useWatch

changedValue:any)=>{console.log('changedValues',changedValue);//此处只会展示，form里发生变更的属性};2、Form.useWatch此方式类似于使用useState
这个昵称也不能用吗？·2025-03-10 01:05

React - Hooks - useState

useState是React中的一个Hook，用于在函数组件中添加状态。它允许在组件中管理局部状态，并在状态更新时触发组件重新渲染。
来一碗刘肉面·2025-03-08 12:54

React基础之useState

useState是一个ReactHook(函数)，它允许我们向组件添加一个状态变量，从而控制组件的渲染效果import{useState}from"react"//使用useState实现计数器按钮functionApp
青红光硫化黑·2025-03-07 07:49

React项目开发过程中需要注意避免re-render——React性能优化方案

1、setState方法被调用（hook中是useState中的setXXXX方法被调用）组件就会触发render，除了设置state为null的情况不会触发render。注意注意！！
winne雪·2025-03-06 10:36

利用React 自定义Hooks实现业务逻辑复用实例

首先我们定义需要的states://PostsAndTodos.jsconst[posts,setPosts]=useState([]);const[isPostsLoading,setIsPostsLoading
2401_84152092·2025-03-05 10:09

React 18中hook函数详解之useState和useEffect

前言React创建组件的方式有三种，分别是函数式组件、类组件，还有createElement组件。reactv16.8版本之前函数式组件是没有状态的。但是，自16.8以后得版本有个hook函数，函数式组件也有了状态，反而类组件没有多少人写了，原因在于生命周期很麻烦，也难记。笔者近几年写React项目已经很少使用类组件了。接下来，详细探讨下hook函数，为什么会有那么神奇的效果？一、常用的Hook有
住在河边的程序猿·2025-03-04 22:01

从零开始用react + tailwindcss + express + mongodb实现一个聊天程序(五) 实现登录功能

1.登录页面完善登录页面和注册差不多直接copysignUpPage内容再稍微修改下import{useState}from"react";import{useAuthStore}from"..
hamburgerDaddy1·2025-03-04 03:43

React学习笔记07

打头的函数，通过自定义Hook函数可以用来实现逻辑的封装和复用来个小需求：点击toggle按钮时控制div的显示和隐藏不封装直接实现：functionApp(){const[state,set_state]=useState
充气大锤·2025-02-28 17:15

React进阶之前端业务Hooks库（五）

前端业务Hooks库Hooks原理useStateuseEffect上述问题useState,useEffect复用的能力练习：怎样实现一套React过程中的hooks状态&副作用Hooks原理不能在循环中
VillanelleS·2025-02-28 07:27
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他