[react] 為什么建議setState的第一個參數是callback而不是一個對象呢？

React 為了優化性能，有可能會將多個 setState() 調用合并為一次更新。
因為this.props和this.state 可能是異步更新的，你不能依賴他們的值計算下一個state(狀態)。以下面的代碼為例:

this.setState({
counter: this.state.counter + this.props.increment,
});
我們并不能通過上述代碼得到想要的值，為了彌補這個問題，使用另一種 setState() 的形式，接受一個函數。這個函數將接收前一個狀態作為第一個參數，應用更新時的 props 作為第二個參數，代碼如下：

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

個人簡介

我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關前端面試題

總結

以上是生活随笔為你收集整理的[react] 为什么建议setState的第一个参数是callback而不是一个对象呢？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。