useReducer

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

组件内部的状态管理相对简单，可以通过useState和useReducer来处理。
Caleb-niu·2024-08-28 20:07

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

import{useState,useReducer,useEffect}from"react";functionFunctionComponent(){const[count,setCount]=useState
_处女座程序员的日常·2024-03-18 21:32

useState和useReducer区别

useState本质上是简易版的useReducer在mount阶段，两者的区别为：useState的lastRender就是basicStateReduceruseReducer的lastRender
_处女座程序员的日常·2024-02-20 09:30

react 【七】各种hooks的使用/SPA的缺点

文章目录1、Hook1.1为什么会出现hook1.2useState1.3useEffect1.4useContext1.5useReducer1.6useCallback1.7useMemo1.8useRef1.8.1ref
KIKIo_·2024-02-19 21:40

React开发必知必会的Hooks

3、Hook总的使用规则一、useState二、useRef三、useEffect四、useLayoutEffect五、useReducer六、useContext七、memo与useMemo、useCallback1
Ying（英子）·2024-02-05 17:56

React Hooks 学习笔记

当数据改变时候，自动触发render函数2.useRef用来解决两个问题：1).是获取DOM元素或子组件的实例对象2).存储渲染周期之间共享的数据3.useEffect4.useLayoutEffect5.useReducer6
Programmer boy·2024-02-04 15:28

React中useReducer的使用

文章目录1.概述2.useReducer使用3.使用useReducer完成todolist列表功能1.概述useReducer这个Hooks在使用上几乎跟Redux一模一样，唯一缺点的就是无法使用redux
月光晒了很凉快·2024-02-03 00:57

「React」之useReducer

关于useReducer在React中，useReducer是一个用于管理组件状态的Hook，处理复杂的状态逻辑。
W-MoMo·2024-02-03 00:26

react 之 UseReducer

UseReducer作用:让React管理多个相对关联的状态数据import{useReducer}from'react'//1.定义reducer函数，根据不同的action返回不同的新状态functionreducer
jiojio在学习勒·2024-02-03 00:24

React中useReducer的理解与使用

这里以简单的语言描述一下useReducer的使用。也可自己查看官方文档（英文）useReducer的使用场景：当一个state需要维护多个数据且它们之间互相依赖。
清颖~·2024-02-03 00:24

项目中Ant Design Pro业务问题解决方案

1、ProTable实现多选+反显+筛选项多级关联选择import{forwardRef,useImperativeHandle,useEffect,useRef,useReducer}from'react
头像为自己开发微信小程序·2024-01-18 16:32

七、学习useReducer

一、什么是useReducer？
代码搬运工_田先森·2024-01-11 20:31

【React系列】Hook（二）高级使用

__biz=Mzg5MDAzNzkwNA==&action=getalbum&album_id=1566025152667107329)一.Hook高级使用1.1.useReducer很多人看到useReducer
川峰·2024-01-05 06:59

useContext 和 useReducer语法讲解

useContext和useReduceruseContext和useReducer传递state+dispatch,模拟reduxuseContext用法//App.tsxconstUserContext
小李科技·2023-12-29 08:05

react： useReducer

相比useState，用来处理更为复杂的修改数据方式//使用示例import{useReducer}from"react";constreducer函数=(state,action)=>{根据action
小强有个dream·2023-12-23 12:29

黑马React：基础拓展

黑马React:D10-基础拓展Date:December18,2023useReducer基础使用作用:让React管理多个相对关联的状态数据补充：和useState的作用类似，用来管理相对复杂的状态数据
CaptainDrake·2023-12-19 03:25

React hooks useContext、useReducer结合使用实现数据状态共享

功能：点击Child1中的两个按钮，改变Child2、Child3的数据。目录：App.js:import'./App.css';importContextReducerfrom'./contextReducer/ContextReducer'functionApp(){return();}exportdefaultApp;ContextReducer.js（父组件）：importReact,{u
每一天，每一步·2023-12-19 00:36

前端学习--React(5)

一、useReducer管理相对复杂的状态数据定义一个reducer函数，根据action值的不同返回不同的状态在组件中调用useReducer并传入reducer函数和状态的初始值事件发生时，通过dispatch
Michelle209·2023-12-15 12:44

190111 React Hooks学习记录

useState：基础状态管理，返回一个状态量和一个设置状态的函数useEffect：实现状态更新的关键useReducer：比useState更加强大的状态管理useCon
Kernholz·2023-12-14 21:31

【react-hooks】useRef、createRef、useState、useContext、useReducer

react-hooksuseStateuseRefuseState与useRef区别useRef与createRef的区别useContextuseReduceruseState使用const[count,setCount]=useState(0);useRef使用##############letinputEl=useRef()#############inputEl.current.value
折桂怀橘·2023-12-01 12:57

46.React学习笔记.hooks useReducer - useState替代方案

useReducer是useState的一种替代方案：某些场景下，如果state的处理逻辑比较复杂，我们可以通过useReducer来对其进行拆分；或者，这次修改的state需要依赖之前的state时，
_生生不息_·2023-11-27 07:57

【React】useReducer

让React管理多个相对关联的状态数据import{useReducer}from"react"//1.定义reducer函数，根据不同的action返回不同的状态functionreducer(state
小谢sd·2023-11-25 00:45

React Hook 高级用法

一.Hook高级使用1.1.useReducer很多人看到useReducer的第一反应应该是redux的某个替代品，其实并不是。
小生方勤·2023-11-19 09:14

从0到0.01入门React | 001.精选 React 面试题

在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录具体解释一下useReducer
ai_todo·2023-11-13 05:47

useState 和 useReducer 的区别及应用场景

useState和useReducer都是React中常用的Hook，用于管理组件的状态。它们虽然都可以用来管理状态，但在使用时有一些区别。
偷光·2023-11-12 21:10

【React入门实战】实现Todo代办

效果技术栈：react-typeScript数据分为代办Todo和已办完Done，可以点击复选框切换状态可以添加代办事件会用到useState和useReducer，详情看状态管理–React中文文档接下来是代码实现
karshey·2023-11-10 07:17

React实现图片轮播

React实现图片轮播//SwiperImg.tsximportReact,{useReducer,useRef,useState}from'react'importstylesfrom'.
艾贝尔白音·2023-11-09 23:01

React Hooks （一文看懂四个常用的钩子）

useState()useContext()useReducer()useEffect（）1、useState()：状态钩子useState()用于为函数组件引入状态（state）。
未来前端程序员·2023-11-07 19:40

React Hooks 钩子函数的使用

React默认提供的4种钩子useState()//状态钩子useContext()//共享状态钩子useReducer()//action钩子useEffect()//副作用钩子eg.useState
shiningchen322·2023-11-07 19:08

react常用api

1.useReducer---状态管理（类似useState）一般用于比较复杂的状态管理import{Button}from"antd";const{useReducer}=require("react
poguanba·2023-11-07 08:19

useReducer使用

useReducer首先创建一个button和n的stateimportReact,{useState}from"react";import".
西域战神·2023-11-06 13:11

React-HOOK——React中类似于vue中的插槽、自定义HOOK、插槽和自定义HOOK配合使用、useReducer

目录一、React中类似于vue中的插槽二、自定义HOOK三、插槽和自定义HOOK配合使用四、useReducer1.useReducer引入2.语法:3.案例:4.useReducer+useContext
爱喝牛奶~·2023-11-06 09:52

react中的useReducer复杂的状态管理

一、useReducerreducer官网教程useReducer是React提供的一个用于状态管理的Hook。它可以替代useState，更适用于处理复杂的状态逻辑。
jieyucx·2023-11-03 13:41

React hooks（useContext、useReducer、自定义hooks）

本文目录一、hooks（useContext）二、hooks（useReducer）三、hooks（useContext搭配useReducer使用）四、自定义hooks一、hooks（useContext
你华还是你华·2023-11-02 08:48

【React】hooks 之 useContext

1useState2useEffect3useContext4useReducer文章目录3useContext()共享状态钩子3.1创建Context3.2向后代组件传值3.3后代组件获取传递进来的值
swimxu·2023-11-02 08:44

useReducer的使用以及与useState、useImmerReducer的对比使用

使用useReducer(reducer,initialArg,init?)参数reducer：用于更新state的纯函数。参数为state和action，返回值是更新后的state。
田本初·2023-10-31 03:55

React Hooks 实战案例

ReactHooks的基本用法1.使用`useState`创建状态2.使用`useEffect`添加副作用三、ReactHooks的常见问题1.循环引用问题2.副作用问题四、ReactHooks实战案例1.使用useReducer
程序边界·2023-10-30 06:02

React Hooks实现异步请求实例—useReducer、useContext和useEffect代替Redux方案

本文是学习了2018年新鲜出炉的ReactHooks提案之后，针对异步请求数据写的一个案例。注意，本文假设了：1.你已经初步了解hooks的含义了，如果不了解还请移步官方文档。（其实有过翻译的想法，不过印记中文一直在翻译，就是比较慢啦）2.你使用Redux实现过异步Action（非必需，只是本文不涉及该部分知识而直接使用）3.你听说过axios或者fetch（如果没有，那么想象一下原生js的pro
前端库·2023-10-29 02:57

React Hooks强制刷新

importReact,{useReducer}from"react";importReactDOMfrom"react-dom";import".
徐同保·2023-10-24 08:19

React hooks介绍及使用

Reacthooks包括useState、useEffect、useContext、useReducer、useMemo、useCallback、useRef、
破浪前进·2023-10-24 08:02

React 使用技巧：useReducer、immer库和 Formik工具库

useReudcer的格式：import{useReducer}from"react";let[state,dispatch]=useReducer(reducer,initialArg,init);各个变量的含义
多云转晴ing·2023-10-24 03:32

React Hooks 使用详解

Hooks1、useState语法与在类中使用`setState`的异同点：使用对比优化2、useEffect语法使用对比优化useEffect四、其他HoosAPI1、useContext语法用法注意事项2、useReducer
浮沉半生·2023-10-22 19:13

useReducer+createContext真的可以代替Redux吗？

使用useReducer可以更清晰地管理组件的状态更新逻辑，特别适用于处理多个相关状态或者需要执行复杂计算的情况。在某
heiyay·2023-10-21 23:46

React useRudecer和useState用法？

.函数组件没有自身的state所有通过hook引入外部的组件进来所有的hook都要用useState来引用.import{useState}from"react";import{useReducer}from"react
今天不要写BUG的二娃·2023-10-20 13:40

useReducer的用法

useReducer是React中的一个Hook，它通常用于状态管理，并在组件有复杂状态逻辑时特别有用。useReducer的工作方式类似于Redux，允许你以更加可预测的方式管理组件状态。
临在❀·2023-10-19 09:37

（一）了解函数化组件 Hooks【useState，useEffect，useContext，useReducer】

一.Hooks？Hook是[React16.8]的新增特性。它可以让你在不编写class的情况下使用state以及其他的React特性。Hook是一些可以让你在函数组件里“钩入”Reactstate及生命周期等特性的函数。Hook不能在class组件中使用——这使得你不使用class也能使用React。二.为什么要使用hooks？1.难以理解的class、组件中必须去理解javascript与th
面条请不要欺负汉堡·2023-10-19 09:02

React Hooks之useReducer

一、useReducerconst[state,dispatch]=useReducer(reducer,initialArg,init?)useState的替代方案。
老电影故事·2023-10-19 08:04

手写一个react-redux，原理一目了然

为组件提供数据和变更方法数据变化时自动更新组件了解react-redux的功能移步这里下面我们开始实现react-redux的几个功能：//my-react-redux.jsimportReact,{useContext,useReducer
舜岳·2023-10-19 01:53

React拖拽实践

基本原理在React中实现拖拽功能的基本原理是：跟踪拖拽的状态：使用React的状态管理机制（通常是useState或useReducer
仙鹤童子```·2023-10-17 07:23

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

让我们先深入了解react内置的这几个钩子这里我们简单给几个钩子贴上标签useState【维护状态】useEffect【完成副作用操作】useContext【使用共享状态】useReducer【类似redux
爱技术的大仙·2023-10-16 21:29
上一页 1 2 3 4 5 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他