我认为问这个问题可能很愚蠢，但相信我，我是 reactJS 的初学者。可能有人请解释一下我为什么我们使用prevState在ReactjS。我努力去理解但失败了。
这是我的代码。请帮我理解
state = {
placeName : '',
places : []
}
placeSubmitHanlder = () => {
if(this.state.placeName.trim()===''){
return;
}
this.setState(prevState => {
return {
places : prevState.places.concat(prevState.placeName)
};
});
};
prevState是您为传递给 setState 回调函数的参数指定的名称。它保存的是setStateReact 触发之前 state 的值；由于进行setState批处理，因此当您想根据先前的状态值更新新状态时，了解先前的状态有时很重要。
因此，如果多个 setState 调用正在更新同一状态，则批处理 setState 调用可能会导致设置不正确的状态。考虑一个例子：
state = {
count: 0
}
updateCount = () => {
this.setState({ count: this.state.count + 1});
this.setState({ count: this.state.count + 1});
this.setState({ count: this.state.count + 1});
this.setState({ count: this.state.count + 1});
}
在上面的代码中，您可能期望 count 的值为 4，但实际上它是 1，因为最后一次调用 setState 将在批处理期间覆盖任何先前的值。解决此问题的方法是使用功能性 setState：
updateCount = () => {
this.setState(prevstate => ({ count: prevstate.count + 1}));
this.setState(prevstate => ({ count: prevstate.count + 1}));
this.setState(prevstate => ({ count: prevstate.count + 1}));
this.setState(prevstate => ({ count: prevstate.count + 1}));
}
当您想用最后一个状态的参数覆盖当前状态时，可以使用它。
来自 React 文档：
根据 React 文档“
setState()为了提高性能，React 可以将多个调用批处理为单个更新。因为this.props和this.state可能会异步更新，您不应该依赖它们的值来计算下一个状态。”“要修复它，请使用
setState()接受函数而不是对象的第二种形式。该函数将接收先前的状态作为第一个参数，并将更新应用时的props作为第二个参数”
这是一个带有注释代码的演示，可为您提供更多信息：http : //codepen.io/PiotrBerebecki/pen/rrGWjm
constructor() {
super();
this.state = {
value: 0
}
}
react文档：https : //facebook.github.io/react/docs/reusable-components.html#es6-classes
[React ES6 class] API 与 React.createClass 类似，但 getInitialState 除外。不是提供单独的 getInitialState 方法，而是在构造函数中设置自己的状态属性。
prevState 来自哪里？
prevState 来自 setState api：https ://facebook.github.io/react/docs/component-api.html#setstate
也可以传递带有签名 function(state, props) 的函数。在某些情况下，当您希望在设置任何值之前将查询 state+props 的先前值的原子更新入队时，这可能很有用。例如，假设我们想增加 state 中的一个值：
this.setState(function(previousState, currentProps) {
return {
value: previousState.value + 1
};
});