标签：知识点 函数 状态 扩展 更新 React callback state setState

setState 更新状态时异步的。而且他每次更新都会重新渲染数据。 即便是给setState({})传入空对象。还是会触发数据更新 --> dom 更新

React 状态更新函数setState 的两种方式

注意callback回调函数是可选的，他在状态更新完毕后，render 渲染后 才来调用callback函数。

• 对象方式的setState

setState({name: 'example'}, () => {
  console.log()
})

• 函数方式的setState
  update更新函数会接收到state，和props

setState((state,props) => {
  state.name = 'fnUpdate';
}, () => {
  console.log('do something')
})

两者间的区别
对象类型的setState 是函数setState的简写或者是语法糖
区别：
1、如果新状态不依赖于旧状态 =====> 使用对方方式
2、如果新状态依赖于原状态 =======> 使用函数方式
3、如果想在状态更新后（setState）获取到最新的状态数据，则要在callback回调函数里面获取。

标签：知识点,函数,状态,扩展,更新,React,callback,state,setState
来源： https://www.cnblogs.com/boyGdm/p/16581254.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。