react setState 的用法
React 用法 setState
2023-09-11 14:15:29 时间
官方推荐的写法:函数式的写法
this.setState((prevState) => ({ age: ++ prevState.age }))
如果不这样写,因为 setState 是异步的,当疯狂的触发按钮,react会将多个setState合并成一个,这样就导致了,并非每次+1。
react 中 setState 通过第二个参数,来获取改变后的 state
this.setState((prevState) => ({ age: ++ prevState.age }), () => { console.log(this.state.age); })
vue 中 是通过 nextTick 来获取
相关文章
- React-Context
- React 中 refs 的作用是什么?
- shouldComponentUpdate 是做什么的,(react 性能优化是哪个周期函数?)
- React-Native 之 GD (十九)TabBarItem 逻辑完善 / 关闭筛选菜单滑动手势 / Navigator 掉帧卡顿问题处理
- react-native 创建 ios 项目
- react-native 常用组件的用法(二)
- react import改为绝对路径
- React学习笔记 -- 组件通信之路由传参(react-router-dom)
- 安装react-app脚手架
- react dangerouslySetInnerHTML用法
- react项目Bug:组件销毁清除监听(Can't perform a React state update on an unmounted component.)
- React生命周期钩子/函数详细介绍
- React的单向数据流与Vue的双向绑定
- React之React相关目录
- React组件