useState

【React】React学习：从初级到高级（三）

用State响应输入3.1.1声明式地考虑UI总体步骤如下：定位组件中不同的视图状态确定是什么触发了这些state的改变人为输入，人为输入一般需要事件处理函数计算机输入表示内存中的state（需要使用useState
秦哈哈·2023-09-04 11:43

React Hooks总览

总览hooks功能分类具体hooks具体功能Reactv18新特性跨端支持数据更新驱动useState定义要在页面中渲染的数据❌✔useReducer定义要在页面中渲染的数据，且这个数据有多种处理逻辑❌
Jackson_Mseven·2023-09-03 11:23

React18 新特性

React18新特性自动批量更新State定义import{useState}from'react'const[x,setX]=useState(0)渲染赋值setX(5)并发CM模式同步不可中断更新机制
积极向上的十六·2023-09-03 08:29

React开发技巧

一、使用use-immer简化对象和数组状态的更新1、安装npmiuse-immerimmer-D2、更新数组import{useState}from'react';import{useImmer}from'use-immer
IT飞牛·2023-09-02 18:05

react中使用cytoscape

1.安装cytoscapenpminstallcytoscape2.使用importReact,{useEffect,useRef,useState}from"react";importcytoscapefrom"cytoscape
M_Eve·2023-09-02 08:42

useState 如何 set 之后立马获取更新后的值

某些场景有需要更新之后马上获取值，除了使用useEffect监听值的改变，推荐第二种更加简单明了的方式，使用set回调函数的方式去写代码实例：const[data,setData]=useState(1
九层嵌套 for 循环·2023-09-02 00:31

常用hooks总结

1、useEffect参考：https://www.cnblogs.com/guanghe/p/14178482.html2、useState作用：更新变量，触发render。
一杯清泉·2023-09-01 11:28

React Hooks常用的几个钩子函数

目录1.useState2.useEffect3.useContext4.useReducer5.useMemo和useCallback6.useRef7.useLayoutEffect8.自定义Hook
lllllllllzj·2023-09-01 11:57

常用Hooks应用

ReactuseState:返回state，更新state（函数式更新）const[state,setState]=useState(initialState);useEffect:默认情况下，useEffect
香濃泡芙·2023-09-01 11:27

React Hooks常用的Hooks钩子函数

useState实现原理useState方法接收参数，可以是普通值，也可以接收函数做为参数，如果是函数做为参数，组件初始化时会调用函数，返回的结果就时初始状态值；useState方法调用返回数组，数组参数为状态值跟改变状态值的方法
拉勾小迷弟·2023-09-01 11:26

常用的hooks入门

官方钩子：1.useState()：用于为函数组件引入状态（state），并进行状态数据的读写操作。语法:const[xxx,setXxx]=React.useS
小白目·2023-09-01 11:56

react焕发第二春，函数式编程HOOKS

文章目录HOOKSHook使用规则useState()：状态钩子useEffect()：副作用钩子副效应是什么？
Xiaaoke·2023-09-01 11:56

常用hooks用法总结

importReact,{useState
Dax1_·2023-09-01 11:25

常用的 hooks 函数

以下是一些常用的Hooks：1.useState:允许函数组件有内部状态。返回一个状态变量和一个设置该状态的函数。
临在❀·2023-09-01 11:55

Vue-hooks（钩子）

//react版本import{useState}from'react';functi
ifredom_·2023-09-01 07:52

react利用wangEditor写评论和@功能

先引入wangeditor写评论功能importReact,{useEffect,useState,useRef,forwardRef,useImperativeHandle}from'react';import
zymAlvin·2023-09-01 05:55

vuex中如何使用mapState函数(vue2/vue3使用方法)

文章目录一、mapState的用途二、vue2中使用mapState三、vue3的setup中使用mapState四、vue3中封装useState的Hook一、mapState的用途通过…运算符进行结构
周周爱喝粥呀·2023-08-31 22:41

React Hooks 常见问题及解决方案

ReactHooks常见问题及解决方案常见问题useState和setState有什么明显的区别?useState和useReducer的初始值如果是个执行函数返回值，执行函数是否会多次执行？
浮沉半生·2023-08-31 18:45

7.react useReducer使用与常见问题

useReducer函数1.useState的替代方案.接收一个(state,action)=>newState的reducer,并返回当前的state以及与其配套的dispatch方法2.在某些场景下
小李科技·2023-08-31 18:44

React 的源码与原理解读（十四）：Hooks解读之三 useState&useReducer

写在专栏开头（叠甲）作者并不是前端技术专家，也只是一名喜欢学习新东西的前端技术小白，想要学习源码只是为了应付急转直下的前端行情和找工作的需要，这篇专栏是作者学习的过程中自己的思考和体会，也有很多参考其他教程的部分，如果存在错误或者问题，欢迎向作者指出，作者保证内容100%正确，请不要将本专栏作为参考答案。本专栏的阅读需要你具有一定的React基础、JavaScript基础和前端工程化的基础，作者并
摸鱼老萌新·2023-08-31 18:44

使用taro或react框架的，针对微信小程序隐私协议的组件封装，网上找了很久都没有相关模版，只有自己写了一个

注意：我是使用hooks的，其他可以参考封装思路大同小异的首先写一个PrivacyAgreement.js文件import{useState,useEffect}from"react";//Taro额外添加的
·2023-08-31 11:27

前端进度条实现与优化

比如视频进度条的主要实现功能：支持播放、暂停、重播播放结束后，播放次数+1，并重新开始播放推荐的实现component：//index.jsximport{useState}from'react'import
薛定谔的猫96·2023-08-28 12:00

React中setState与useState对比

setState只要执行setState,不管有咩有变化，都会render更新时可能是异步更新也可能是同步更新几个更新会被合并自动进行浅合并//用于类组件，修改this.state中的值constructor(props){super(props)this.state={count:0}}//z在react的合成事件和生命周期(除了componentDidUpdate)中，setState是异步的
xinxin_csdn·2023-08-28 11:17

react图片预加载

行而不辍，未来可期图片预加载的原理：new一个image对象，用这个对象加载图片，等这个对象将这个图片请求完后，再将这个图片放入原本应该放置的位置代码如下：importReact,{useEffect,useState
溪ｉ·2023-08-28 05:52

在使用定时器时，关闭后重新开启，定时器显示有问题怎么解决

问题：在使用定时器时，关闭后重新开启，定时器显示会很快速的显示解决：在开启当前定时定时器时，关闭上一个定时器import{useState}from"react";constTimerPage=()=>
偷光·2023-08-27 18:46

在 React 中如何使用定时器

使用setInterval函数：首先，在组件中导入useEffect和useState函数：importReact,{useEffect,useState}from"react";在组件中声明一个状态变量来存储定时器的
偷光·2023-08-27 18:15

react hooks 计数器

180秒倒计时const[count,setCount]=useState(0)setCount(180)useEffect(()=>{clearTimeout(timer)timer=setTimeout
徐同保·2023-08-27 17:33

面试中问：React中函数组件和class组件的区别，hooks模拟生命周期

Hooks：在React16.8之后，函数组件可以使用Hooks，如useState和useEff
临在❀·2023-08-27 10:46

react解决死循环方法？

使用useeffect（副作用）方法结束这个操作1、导入useeffect、useState2、把下方代码写入：里面填写的是你要终止某个东西的代码注意：不可不写，也可以写依赖或不写
一个大长腿·2023-08-27 09:03

react 获取表单中输入框的值

通过使用useState钩子来创建一个状态变量，你可以同时获取多个Input框的值。
&ACE&·2023-08-27 07:58

React——组件缓存 react-activation

from"react-activation"3、缓存组件import{KeepAlive}from"react-activation"exportdefault()=>{const[isShow,setIsShow]=useState
一只漫步前行的羊·2023-08-27 07:31

React 高级使用

目录useState基础使用useEffect基础使用自定义hookuseRef基本使用hooks-useContext高级使用初始化mobxmobx模块化useState基础使用导入useState函数
巜巜·2023-08-27 02:50

React 高级使用

目录菜单栏组件抽取菜单栏组件抽取Home.tsximportReact,{useState}from'react';import{Breadcrumb,Layout,Menu,theme}from'antd
巜巜·2023-08-27 02:50

React 面试题集锦

应当在以下哪个生命周期中进行React支持的键盘事件是使用严格模式（StrictMode）优点React动态引入组件当使用ReactDOM.unmountComponentAtNode从DOM中卸载组件时说一下useState
巜巜·2023-08-27 02:48

React绑定antd输入框，点击清空或者确定按钮实现清空输入框内容

示例代码：我这里是统一在handleCancel这个函数里面处理清空逻辑了，你们可以自行调整import{Input,Modal}from'antd';import{useState}from'react
1024小神·2023-08-26 09:50

监听页面滚动条是否在顶部react

importReact,{useEffect,useRef,useState}from'react';constComponent:React.FC=()=>{constcontainerRef=useRef
阿迪不想上班·2023-08-25 20:16

react 路由鉴权

代码实现如下：//基础部分importReact,{useContext,useState}from"react";/***创建context*/constContextValue=React.cr
三寸日光呼·2023-08-25 06:00

forwardRef 的详解及使用

refs到DOM组件在高阶组件中转发refs二、案例效果将父组件的ref传递给子组件三、代码案例父组件constcontainer=useRef(null);//子组件子组件importReact,{useState
在路上`·2023-08-25 03:09

React Hooks使用详解

useStateconst[count,setCount]=useState(parameter);1.count为保存在setState中的参数，可以为基本数据类型也可以是引用数据类型（数组，对象，函数等
怕冷的火焰（~杰）·2023-08-25 00:00

React Hook详解 - useState、useEffect、useContext、useRef、自定义hook

文章目录一、useState：让函数式组件拥有状态用法示例函数式更新两种方式的区别二、useEffect：副作用，取代生命周期useEffect的使用useEffect的生命周期useEffect的第二个参数清理副作用三
ZhShy23·2023-08-25 00:30

hooks中useEffect详解

一、作为componentDidMount使用，[]作第二个参数constUseEffect=()=>{const[count,setCount]=useState(()=>0)use
white-hang·2023-08-25 00:30

对useMemo使用的理解，以及与useEffect的区别

对useMemo的理解下面这个例子是想在页面上实时的显示出expensive函数的计算结果，但按照之前的写法，useState中任意的值发生改变时，页面都会重新渲染，导致昂贵的计算函数expensive
GCWkuku·2023-08-25 00:57

React中Hooks详解（useState、useEffect、useContext、useRef详解）

目录Hooks函数组件专用useState()useEffect(func,val)useContextReact.createContextContext.ProviderconstmyContext
YF-SOD·2023-08-25 00:26

react18+antd5.x(1):Notification组件的二次封装

减少我们的代码量，提升开发体验效果展示开起来和官网的使用没什么区别，但是我们在使用的时候，进行了二次封装，更利于我们进行开发MyNotification.jsx,是我们的业务页面importReact,{useState
风清云淡_A·2023-08-24 07:09

Vue与React的对比（API）

default:function(){return[]}}}REACT//父组件exportdefaultfunctiontab(props:any){const[serverUrl,setServerUrl]=useState
new code Boy·2023-08-23 23:15

React源码解析18（10）------ 实现多节点的Diff算法

实现之前，我们先将index.js修改一下：functionApp(){const[num,setNum]=useState(100)constclick1=()=>{console.
搞前端的小菜·2023-08-23 11:02

react-hooks 一般写法汇总

from"@/api";//引入ui组件库import{Toast}from"antd-mobile";//useEffect类似vue中watch，或者moundted生命周期，视第二参数数据而定//useState
Li_Ning21·2023-08-23 08:16

React传送门实现弹框

src/Pages/DialogPage.jsimportReact,{useState}from'react';importDialogfrom'..
key君·2023-08-23 03:00

React(7)

因为需要状态，又改成了class,成本高1.1useStateuseState();括号里面处的是初始值；返回的是一个数组【值，改变值的唯一方法】因此可以通过解构：例如const[name,setName]=useState
Java-请多指教·2023-08-22 11:07

antd table 单选或者多选的默认选中行设置

部分代码如下const[selectedRowKeys,setSelectedRowKeys]=useState([])·
Queen_live·2023-08-22 05:24
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他