prevState是您为传递给setState回调函数的参数指定的名称。它所持有的是
setStateReact触发之前的状态值;由于进行了
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}));}


