react setState 的用法

Posted crazycode2

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react setState 的用法相关的知识,希望对你有一定的参考价值。

官方推荐的写法:函数式的写法
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 setState 的用法的主要内容,如果未能解决你的问题,请参考以下文章

React中的setState使用细节和原理解析

为啥 Async Await 可以与 React setState 一起使用?

setState的函数用法

React setState 在调用时渲染组件两次

[转]React官方学习笔记

react-native this.setState 导致代码停止运行