React总结8:setState()的参数

  • Post author:
  • Post category:其他


一般使用setState的时候,用的最多的用法是:

例如:{count:0}//初始化count
this.setState({count:1});

这个无可置疑,更新count。

昨天看别人博客,发现了setState的另一种用法,总结如下:

this.setState((prevState, props) => ({
  counter: prevState.counter + props.increment
}));

官网说:

That function will receive the previous state as the first argument, and the props at the time the update is applied as the second argument:

即这个函数格式是固定的,必须第一个参数是state的前一个状态,第二个参数是属性对象props,这两个对象setState会自动传递到函数中去


参考文档

以上为总结的setState用法,你看明白了吗。

因此setState 第一个参数是要改变的state对象

第二个参数是 state 导致的页面变化完成后的回调,等价于componentDidUpdate。可以看另一篇博客总结:

React总结1:异步更新的setState](http://blog.csdn.net/juzipchy/article/details/73425070)



版权声明:本文为juzipchy原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。