React中setstate得回调用法

简介: React中setstate得回调用法

前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷


需求

在日常得开发需求中 当react中state得值发生变化 需要即刻用到该值得时候


解决方案

setstate({},callback) 可以在回调函数中立即处理之后得一个逻辑


this.setState({},() => {})




案例(来源于项目)

this.setState( { status: activeKey, selectTabVal: activeKey, pageIndex: 1, }, () => { this.handleWalletQuery(); } );




相关文章
|
1月前
|
前端开发
前端React篇之React setState 调用的原理、React setState 调用之后发生了什么?是同步还是异步?
前端React篇之React setState 调用的原理、React setState 调用之后发生了什么?是同步还是异步?
|
2月前
|
前端开发 UED
React 防抖与节流用法
React 防抖与节流用法
64 0
|
2月前
|
前端开发 JavaScript
react中refs的作用是什么?有几种用法?
react中refs的作用是什么?有几种用法?
|
2月前
|
前端开发
说说React中setState和replaceState的区别?
在 React 中,setState()和 replaceState()是用于更新组件状态的两个方法。它们之间有一些区别
28 0
|
2月前
|
前端开发 算法
React中的setState执行机制?
React中的setState执行机制?
|
2月前
|
前端开发
React中setState方法详细讲解
React中setState方法详细讲解
|
2月前
|
存储 前端开发 JavaScript
[React] useRef用法和特性
[React] useRef用法和特性
|
2月前
|
前端开发 JavaScript 算法
react中的setState的执行机制
react中的setState的执行机制
29 0
|
2月前
|
前端开发
【React学习】—SetState的使用(九)
【React学习】—SetState的使用(九)
|
2月前
|
设计模式 前端开发 数据可视化
【第4期】一文了解React UI 组件库
【第4期】一文了解React UI 组件库
227 0