useState 第3页

react 中，使用antd layout布局中的sider 做sider的展开和收起功能

一话不多说，先展示效果：展开时：收起时：二、实现代码如下react文件importReact,{useState}from'react';import{Layout}from'antd';importstylesfrom

菜鸟一只请包涵·2025-02-27 17:22

React 进阶阶段学习计划

示例：//useFetch.jsimport{useState,useEffect}from'react';functio

夜游猿·2025-02-26 17:24

React 高级阶段学习计划

示例：importReact,{useState,useMemo}from'react';constExpensiveComponent

夜游猿·2025-02-26 17:23

react学习：自定义hook

大神乔伊·2025-02-26 07:40

react--自定义Hook实现

概念：自定义Hook是以use打头的函数，通过自定义Hook函数可以用来实现逻辑的封装和复用import{useState}from"react"//问题：布尔切换的逻辑，和当前组件耦合在一起//不可以复用

mengyu小雨啊·2025-02-26 07:38

react如何实时获取屏幕（浏览器视口）的宽度

实现步骤使用useState来保存窗口宽度。使用useEffect设置事件监听器，在组件挂载时添加resize事件监听器，并在组件卸载时清除事件监听器。

霸气小男·2025-02-26 07:37

使用useReducer和useContext管理组件

importReact,{useState,useReducer}from'react'constinitialState=[]constreducer=(state,action)=>{const[typ

蛮吉学长·2025-02-26 03:11

react19设计AntVX6 人工智能建模 DAG 图

HomeTop.tsximportReact,{useState,useEffect,useRef}from'react'importuseStorefrom'../../..

I like Code?·2025-02-22 02:06

useMemo 和 memo 的理解和区别

作用缓存计算结果，避免每次渲染都重新计算只有当依赖项发生变化时，才会重新计算✅适用场景计算量较大的值（避免重复计算）避免子组件不必要的渲染（与useCallback结合使用）代码示例importReact,{useState

程序员小续·2025-02-18 10:25

记-react-connect中使用forwardRef 问题。

最近在dvajs中使用onRef的过程中，需要给绑定connect的组件透传forwardRef类似这样的形式：importReact,{forwardRef,useImperativeHandle,useState

$(薛定谔的喵)·2025-02-16 00:30

React Hook实现对话框组件

ReactHook主要用到了useState，useContext，us

weixin_45703889·2025-02-14 16:24

React框架基础教程

React框架基础教程目录简介React概述优势与应用场景环境准备Node.js安装创建React应用程序React基础JSX语法组件状态与属性事件处理组件生命周期挂载、更新、卸载错误边界状态管理useState

没有黑科技·2025-02-14 06:34

前端面试题

以下是一些前端较新的面试题：一、现代框架相关（以React为例）ReactHooks（如useState、useEffect）与传统类组件相比有什么优势？

·2025-02-14 00:27

React（6）

useEffect的基础使用useEffect是一个ReactHook函数，用于在React组件中创建不是由事件引起而是由渲染本身引起的操作,比如发送AJAX请求，更改DOM等等import{useEffect,useState

一路向前的月光·2025-02-13 14:36

React（7）

在函数体内封装可复用的逻辑(只要是可复用的逻辑)//3.把组件中用到的状态或者回调return出去(以对象或者数组)//4.在哪个组件中要用到这个逻辑，就执行这个函数，解构出来状态和回调进行使用import{useState

一路向前的月光·2025-02-13 03:39

React（三）

动态控制显示和cssimport{useState}from"react";import".

一路向前的月光·2025-02-13 03:38

详细解读 React useCallback & useMemo

前言阅读本文章需要对Reacthooks中useState和useEffect有基础的了解。我的这篇文章内有大致介绍在React项目中全量使用Hooks。

夏天的味道123·2025-02-12 01:30

next.js + react基础（持续更新）

umijshttps://umijs.org/docs/introduce/introducereact：环境搭建、jsx、组件、useState、useEffect、useRef、自定义Hook、智能组件和

wanfeng_09·2025-02-10 19:49

React 超级简单的tab栏切换（react hooks）

“热爱可抵岁月漫长”exportdefaultfunctionDemo(){//设置默认当前选中const[current,setcurrent]=useState(0);//点击tab栏切换事件constclickevent

一碗甜汤·2025-02-08 16:40

React-Hooks常用示例

文章目录useEffect定义生命周期小小的useEffect其实还有很多问题～useState状态变量useRef不引起刷新useLayOutEffectuseMemouseCallBack不是每个函数都需要使用它总结

三寸日光呼·2025-02-08 16:08

【React】表单校验：从基础到集成库

实现步骤：使用useState管理表单字段。在onChange中更新状态。在onSubmit中验证数据。示例代码：impo

开开Kathy·2025-02-08 03:01

React中useState()钩子和函数式组件底层渲染流程详解

useState()钩子底层渲染流程React中useState的底层渲染机理。首先，我知道useState是ReactHooks的一部分，用于在函数组件中添加状态。但底层是如何工作的呢？

GISer_Jinger·2025-02-02 19:24

【React】自定义 Hook 的场景与注意事项

示例：管理表单状态import{useState}from'react';functionuseForm(

开开Kathy·2025-01-27 19:42

常见的 React 代码异味

functionProductPage(){const[data,setData]=useState([]);useEffec

liangshanbo1215·2025-01-26 14:53

React18中各种Hooks用法总结（内附案例讲解）

importReact,{FC,memo,useState}from'react'import{MainContainer}from'./style'interfaceIProps{children?

我叫汪枫·2025-01-23 03:15

你可能不知道的antd倒计时组件用法

如下图所示:初步实现探索碰到这样的需求，你是不是会使用定时器来实现，如下所示:importReact,{useEffect,useState}from'react';import{Statistic}from'antd

·2025-01-17 14:32

react中如何获取并使用usestate声明的变量的值

setState（在类组件中）和setCount（在useState中）都可以接受一个函数作为参数，这个函数接收当前的状态作为参数，并返回新的状态。

小华0000·2024-09-14 22:25

react 函数组件useState异步变同步

上代码const[pageNo,setpageNo]=useState(1)constonPullUpRefresh=()=>{console.log("上拉加载内容")console.log("上一次的

MIKE-zi·2024-09-14 21:46

基于react native的锚点

reactnative的锚点效果示例图示例代码效果示例图示例代码/*eslint-disablereact-native/no-inline-styles*/importReact,{useEffect,useRef,useState

miao_zz·2024-09-14 05:00

Telegram miniApp开发（三）

本节主要讲设置导航栏和监听事件导入依赖宝定义全局Context"useclient";import{createContext,useContext,useEffect,useMemo,useState

无物勿吾·2024-09-10 10:56

用React 手写倒计时功能--自定义hooks (逻辑复用)

平时工作偶尔会把一些逻辑相通的功能作逻辑复用，这里记录下来希望对大家实际开发有些帮助需求:点击一个按钮按钮用过n秒回复import{useState,useEffect,useRef}from'react

TumbleweeD_*·2024-09-04 07:48

react|useState的异步渲染

useState组件里面的变量可以用state来表示，setState函数是用来更新state的值的用法let[age,setAge]=useState(0);//0是变量age的初始值异步渲染setState

kkkAloha·2024-09-04 07:16

react useState实现原理监听变量变化

监听变量变化vardom=document.querySelector('#data');vardom1=document.querySelector('#data1');vara=1;varinitData=0;varcurrentStateBox=[];letindex=-1;functionuseState(init){index++;varcurrentIndex=index;curren

百度一下吧·2024-09-03 18:57

微信小程序自定义相机（React+Taro）

1、index.tsximport{useState}from'react'import{View,Image,Camera}from"@tarojs/components";import{observer

淑子啦·2024-09-03 07:15

react+Typescript利用useState定义两层（多层）数组对象并进行赋值，以及如何在组件中map循环取数据渲染？

前言在实际应用中，很多时候组件时嵌套关系，而react中组件中取数据只能取一层，但要定义多个数组对象又显得比较麻烦，后端可能为此多写几个接口。因此，在搭好组件框架后，我们可以先定义好数据结构，多层包裹数组对象，这样后端按我们定义好的数据结构写一个接口即可。1.多层数组对象如何定义以两层为例，代码如下（示例）：//内层（第一层）的类型typeJobinfo={JobType:string;JobSt

定位算法工程师·2024-09-03 02:14

React hooks学习--“useState“

useState1.useState的返回的数组成对出现,一一对应的"数据"(state)和"修改数据的方法"(setState).2.当使用方法修改数据状态后,函数体会整体重新执行,用最新的值渲染.3

Luca - Zeppeline·2024-09-03 02:44

react useState 更新数组没有生效

在React中使用useState来更新数组时，需要注意一些细节。由于useState是基于不可变性的原则，直接修改数组的某个元素是不会触发组件重新渲染的。

NativeBase·2024-09-03 02:44

react纯函数组件useState更新页面不刷新

问题描述：const[textList,setTextList]=useState(原数组);setTextList(新数组);当修改原数组时，如果原数组是个深层数组（不只一层），使用setTextList

话小说·2024-09-03 02:13

react 列表页面中管理接口请求的参数

在React列表页面中管理接口请求的参数时，通常涉及到以下几个步骤：使用useState管理请求参数：将所有需要的请求参数（如分页、筛选条件、排序等）存储在useState中。

Misnice·2024-09-03 02:12

react + ts + material-ui V5版本的table封装

以下是一份material-uiV5版本的table封装importReact,{forwardRef,useImperativeHandle,useEffect,useState}from'react

汝&戏·2024-09-01 03:29

react常用 Hooks

以下是常用的ReactHooks及其使用方法：useStateimportReact,{useState}from'react';constCounter=()=>{//声明一个状态

_耀北·2024-08-30 19:57

React 入门第七天：探索状态管理与Context API

组件内部的状态管理相对简单，可以通过useState和useReducer来处理。

Caleb-niu·2024-08-28 20:07

高级前端工程师React面试题

useState和useEffectHooks有什么用途？在React中，什么是受控组件和非受控组件？请解释React中的ContextAPI。ReactRouter是什么？它是如何工作的？Redu

盼盼盼·2024-08-28 00:30

React 学习——useMemo

useMemo使用场景：消耗非常大的计算，例如递归import{useMemo,useState}from'react';//缓存：消耗非常大的计算，例如递归functionfib(n){console.log

大个个个个个儿·2024-08-25 03:08

React Hooks 的一些使用小技巧

欢迎大家观看~useState回调函数参数用法：能够给useState通过回调函数的形式给useState提供初始参数。

偏爱前端的晓羽·2024-08-22 17:07

useState与useReducer为什么返回一个数组，而不是一个对象

import{useState,useReducer,useEffect}from"react";functionFunctionComponent(){const[count,setCount]=useState

_处女座程序员的日常·2024-03-18 21:32

react实现表格多条件搜索

可以使用useState钩子函数来定义和更新搜索条件的状态。在组件中创建一个表单，包含多个输入框或下拉列表等用于输入搜索条件的表单元素。

代码真的养发·2024-03-14 21:20

react useContext 用法

1创建createContextimportReact,{useContext,useEffect,useState}from'react'constGlobalContext=React.createContext

老胡说前端·2024-02-28 09:20

当useEffect遇到函数依赖

importReact,{useState}from'react';constapi={login(username){console.log('username',username);},};functionLogin

·2024-02-24 21:32

给图片添加图片水印

/水印图片.png';//引入水印图片...代码const[url,setUrl]=useState('');//状态管理变量，记录图片最终的路径，vue中使用data来控制...代码//水印constimg

九九七七·2024-02-22 23:14

推荐频道

useState