useState

黑马React：基础拓展

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

React - 实现一个支持TypeScript类型推导的 useRequest

一、引入当我们使用useState和请求时，有这样的场景：需要在页面挂载的时候请求，并且支持loading状态和错误信息捕获。
l煎饼果子·2023-12-19 01:44

使用React将JSON渲染为组件

示例代码importReact,{useState,useEffect}from"react";interfaceSchema{type:string;title?:string;content?
wakangda·2023-12-19 01:05

react自定义hooks-自动改变页面的title，Http请求hooks等..（持续更新）

image.png一.自动改变title的hooksimport{useLayoutEffect,useState}from'react';exportdefaultfunctionuseTitleHook
上班时间偷偷划水·2023-12-19 00:03

React.js之React Hooks使用

2.useState多状态声明useS
仲尼叔叔·2023-12-19 00:37

React.js hooks 练习案例-网易云音乐【day4】

/*导入组件*/importReact,{memo,useState,useEffect,useRef,useCallback}from
爽朗01·2023-12-19 00:06

React+Hooks组件传参，子组件内定义的setState传递给父组件

setstate传递给父组件可以通过以下几种方式实现1.将函数作为prop传递：在父组件中定义一个函数，将其作为prop传递给子组件，子组件可以调用该函数来更新父组件的状态：//父组件importReact,{useState
啃代码的瓜子脸·2023-12-19 00:05

react简单封装antd的树形下拉框

1.可设置搜索功能2.可以每级可选,也可以选择只能最后一级里面的选项可选3.当组件是只能最后一级里面的选项可选时,点击文字展开下级选项importReact,{ReactNode,useEffect,useState
qq_42750608·2023-12-18 22:30

ReactHooks大全—useState

本文将详细介绍useState基本使用、工作原理以及最佳实践。在这篇博文中，我将重点介绍useState这个Hook，它可以让你在函数组件
CreatorRay·2023-12-18 06:28

React Hooks 用法

useState普通用法就是用来管理组件的内部状态。
写代码的海怪·2023-12-18 04:51

1-4 评论案例

1、使用classnames优化类名处理2、评论案例代码app.js代码：import{useState}from"react";import".
A9~·2023-12-18 04:22

1-5 组件通讯

1-使用状态操作表单元素的值知识点：代码：import{useState}from"react";import".
A9~·2023-12-18 04:22

antd4 Select 支持分页加载及搜索

就是在下拉列表滚动到底的时候发起下一次请求，把请求数据push到现有的下拉框里面2.搜索功能的话也要接口提供数据，前端获取不到所有的数据代码如下：const[options,changeOptions]=useState
璐瑶知码li·2023-12-17 22:44

React获取鼠标在网页中移动时的位置

节流constMouse:React.FC=()=>{const[position,setPosition]=useState({x:0,y:0})useEffect(()=>{//节流操作,优化频繁触发
kjl536566·2023-12-17 20:55

React拖拽实践

基本原理在React中实现拖拽功能的基本原理是：1.跟踪拖拽的状态：使用React的状态管理机制（通常是useState或useReduc
翻斗花园-图图·2023-12-17 05:30

react之useContext全局状态管理

总结一下使用方法：在父页面方法外输出一个context：exportconstContext:React.Context>;}>=createContext(nullasany);在父页面方法内部创建useState
猜测7·2023-12-17 01:14

react函数组件中Hooks和ahooks的区别

Hooks提供了一系列的API，例如useState、useEffect等，用于管理组件的状态和生命周期。具体可参考reacthooks。
一只小可乐吖·2023-12-16 21:05

react-hooks

三分钟看完react-hooks背景useState类组件函数组件多状态声明useEffect类组件中componentDidMount和componentDidUpdateuseEffect模拟类组件中
努力做一只合格的前端攻城狮·2023-12-16 03:08

深拷贝、浅拷贝 react的“不可变值”

改变了初始值会改变初始值(selectList1)因为使用浅拷贝都指向同一个地址constselectList1={title:'大大',value:'1'};const[list1,setList1]=useState
faith_陈·2023-12-15 23:34

react经验8:使用antd的checkbox实现全选与半选控制

:boolean}示范数据const[tabledata,setTabledata]=useState([])useEffect(()=>{setTabledata([{key
淘人居士·2023-12-15 15:08

react 函数式组件声明、修改参数

//需要先引入react中的useState这个成员importReact,{useState}from"react";constElementUser1=()=>{//定义参数的方法数组中第一个是初始值第二个是修改是需要用到的
百事可乐☆·2023-12-15 11:31

nextjs中组件事件绑定，父组件点击执行子组件函数，子组件点击执行父组件函数的方法

1.父组件点击按钮执行子组件函数的方法import{useState,useRef,useImperativeHandle}from"react";exportdefaultfunctionhome()
web16888·2023-12-15 06:34

自动补全的 select antd react

id=f5e4a93d2b9d6be8e459edd4eb86323b&sub=19796E9BC04D4ABD9ACE325FDFF59B0E添加链接描述importReact,{useState,useRef
Jonathan Star·2023-12-15 04:09

【React】使用react hooks实现评论示例

实现功能1、渲染评论列表2、删除评论3、渲染导航栏和高亮4、评论列表排序功能5、获取评论6、点击发布按钮发布评论7、清空输入框8、重新聚焦实现代码1、需要引入importReact,{useRef,useState
哇，女前端哎！·2023-12-15 04:37

React中实现流程图(第三方库)

简单实现可拖拽流程图下载第三方库react-flowyarnaddreact-flow准备两个文件1.index.tsx组件入口2.mock.js测试数据index.tsx文件代码//index.jsimportReact,{useState
哇哈哈哈啊~·2023-12-15 03:03

react hook 父组件调用子组件方法

useImperativeHandle可以让你在使用ref时自定义暴露给父组件的实例值import{useState,useImperativeHandle}from'react';//props子组件中需要接受
ticktackkk·2023-12-14 22:16

190111 React Hooks学习记录

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

react hooks之useRef和useImperativeHandle

2、示例importReact,{useState,useRef}from'react';functionTextInput(){const[value,setValue]=us
秃头的小毛驴·2023-12-14 15:38

react re-render的解决方案

问题代码import{Dispatch,FC,SetStateAction,useState}from'react'import'.
weixin_46787337·2023-12-14 14:39

第五章 React Hooks之useState

一、专栏介绍欢迎加入本专栏！本专栏将引领您快速上手React，让我们一起放弃放弃的念头，开始学习之旅吧！我们将从搭建React项目开始，逐步深入讲解最核心的hooks，以及React路由、请求、组件封装以及UI（AntDesign）框架的使用。让我们一起掌握React，开启前端开发的全新篇章。二、HOOKsuseState是什么State：组件的记忆组件通常需要根据交互更改屏幕上显示的内容。输入表
Etc.End·2023-12-06 11:20

react的函数式编程分页的时候还有查询条件，当翻页或者有查询条件的时候去调用接口，查询条件是个对象，如何实现，具体的代码

importReact,{useState,useEffect}from'react';importaxiosfrom'axios';constAPI_BASE_URL='https://api.example.com
每天吃饭的羊·2023-12-06 00:50

react Hook使用笔记：useState、useRef避免重复创建初始值

场景一：当创建初始state需要通过一系列操作生成时（例如通过一个函数计算得到初始值），避免重新创建useState()中的初始值。
遇见小美好·2023-12-05 14:38

react Hook使用笔记：当useEffect的依赖频繁变化时的优化方案

而我们可能会忽略依赖列表中的state，但这通常会引起Bug，例如：functionMyCounter(){const[count,setCount]=useState(0);useEffect(()=
遇见小美好·2023-12-05 14:37

React都有哪些hooks?

useState：用于在函数组件中使用状态（state）。它返回一个数组，第一个元素是当前状态的值，第二个元素是更新状态的函数。可以通过调用这个函数来更新状态的值。
是个车迷·2023-12-04 23:16

[FE] React Hook: useState & setState

背景React16.8引入了Hook的概念，一直以来都没时间仔细研究它的实现方式，本文从一个最简单的例子出发，记录了[email protected]的useState源码逻辑。
何幻·2023-12-04 21:26

54.React学习笔记.自定义hook练习-localStorage存储

importReact,{useState,useEffect}from're
_生生不息_·2023-12-04 10:21

React立即更新DOM

正常情况下，react会等待set完毕后再进行页面渲染，所以在set时无法拿到更新后的domimport{useRef,useState}from"react"exportdefault()=>{constdiv
田本初·2023-12-04 09:58

富文本编辑器（wangEditor 5）

一、链接wangEditor二、基础import'@wangeditor/editor/dist/css/style.css';//引入cssimportReact,{useState,useEffect
爱在你心中·2023-12-03 13:54

setState 同步or异步？

在正常的react的事件流里（如onClick等）setState和useState是异步执行的（不会立即更新state的结果）多次执行setState和useState，只会调用一次重新渲染render
mollymeaw·2023-12-02 11:49

React Hooks（实例及详解）

以下是一些主要的ReactHooks：useState：是React的一个Hook，它允许在函数组件中添加和管理状态。在此之前，只有类组件才能拥有自己的状态。
LBOcean·2023-12-02 07:47

vue3新特性 compositionAPi与React.js中Hooks的异同点

useState和useEffect是R
CQXXTXX·2023-12-02 07:06

使用react实现通过经纬度获取地址（地理/逆地理编码）

我使用的是高德地图的开放平台实现的首先先去高德开放平台申请申请Web服务API类型key直接上代码importReact,{useState,useEffect}from'react';importaxiosfrom'axios
是个车迷·2023-12-02 05:42

useMemo

1.useMemo的使用useMemo和useEffect的使用基本上一样importReact,{useState,memo,useMemo,useCallback}from'react'constChild
penelope_2bad·2023-12-01 23:41

34.React-初学

两种编程方式：函数式编程使用useState，更新useState解构出来的第二个参数（函数）来修改使用数组方式，直接操作解构出来的数据更新后，页面没有更新，解决：将之前state的数据存一份，在重新赋值
wo不是黄蓉·2023-12-01 16:52

react中hooks的使用

作用：为函数组件提供状态、生命周期等原本在Class组件中才提供的功能Hooks只能在函数组件中使用可以理解为通过Hooks为函数组件钩入class组件的特性第一个hooks:useState使用useState
时间管理maste·2023-12-01 15:33

React基础：Hook（useState、useRef、useContext）

前言react中组件分为两大类：类组件和函数式组件。学习组件时官方文档推荐使用函数式组件，函数式组件效率更高。但是类组件具有自己的状态，为了使函数式组件也可以拥有类似state这样的东西，react在16.8中新增了Hook,Hook只能在函数式组件中使用。Hook官方文档使用规则不要在循环，条件或嵌套函数中调用Hook只在React函数中调用Hook，不要在普通的JavaScript函数中调用H
无知的小菜鸡·2023-12-01 12:27

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

react-hooksuseStateuseRefuseState与useRef区别useRef与createRef的区别useContextuseReduceruseState使用const[count,setCount]=useState
折桂怀橘·2023-12-01 12:57

在 React 函数式组件中使用 useState， 变量，useRef 的时机

变量变量在每次组件重新渲染的时候都会被重新进行赋值，所以如果你想要保留之前操作的状态的话就不要使用变量useState组件更新不会改变之前的状态，可以保存状态useRef也可以保存我们的状态那么问题来了
a伊雪·2023-12-01 12:56

react函数式组件中hook之useState、useEffect、useRef的基本使用

目录一.useState作用：用法：代码示例：二.useEffect作用：用法：代码示例：三.useRef作用：用法：代码示例：前言：路过的朋友们欢迎点个赞吧，一生好运带回家。
程序员量量·2023-12-01 12:22

React -- useState 的使用及注意事项

一、基本使用useState是react提供的一个定义响应式变量的hook函数，基本语法如下：const[count,setCount]=useState(initialCount)它返回一个状态和一个修改状态的方法
Ljwen_·2023-12-01 12:51
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他