在使用React過程中，中可以使用this.state來訪問需要的某些狀態(tài)，但是需要更新或者修改state時(shí)，一般而言，我們都會使用setState()函數(shù)，從而達(dá)到更新state的目的，setState()函數(shù)執(zhí)行會觸發(fā)頁面重新渲染UI。但是！??！setState是異步的?。。?/p>

站在用戶的角度思考問題，與客戶深入溝通，找到昭蘇網(wǎng)站設(shè)計(jì)與昭蘇網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：成都網(wǎng)站制作、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、申請域名、雅安服務(wù)器托管、企業(yè)郵箱。業(yè)務(wù)覆蓋昭蘇地區(qū)。

1. 語法：

setState(updater[, callback]) //

updater是要改變的state對象，callback是state導(dǎo)致的頁面重新渲染的回調(diào)，等價(jià)于componentDidUpdate
一般而言，在設(shè)置頁面某些state的時(shí)候，需要先設(shè)置好state，然后再對頁面的一些參數(shù)進(jìn)行修改的時(shí)候，可以使用setState的回調(diào)函數(shù)。

2. 分析一下區(qū)別

不在回調(diào)中使用參數(shù)，我們在設(shè)置state后立即使用state：

this.state = {foo: 1};
this.setState({foo: 123});
console.log(this.state.foo);
// 1

在回調(diào)中調(diào)用設(shè)置好的state

this.state = {foo: 2};
this.setState({foo: 123}, ()=> {
 console.log(foo);
 // 123
});

關(guān)于setState的回調(diào)函數(shù)的作用大概如此，這個(gè)函數(shù)相當(dāng)于componentDidUpdate函數(shù)，和生命周期的函數(shù)類似。

3. 注意：

1. 剛說了，setState是異步的！不保證數(shù)據(jù)的同步。
2. setState更新狀態(tài)時(shí)可能會導(dǎo)致頁面不必要的重新渲染，影響加載。
3. setState管理大量組件狀態(tài)也許會導(dǎo)致不必要的生命周期函數(shù)鉤子調(diào)用。

參考文檔：https://facebook.github.io/react/docs/react-component.html#setstate

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。

分享文章：詳解React中setState回調(diào)函數(shù)
文章轉(zhuǎn)載：http://jinyejixie.com/article18/ggeigp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、網(wǎng)頁設(shè)計(jì)公司、品牌網(wǎng)站建設(shè)、網(wǎng)站策劃、網(wǎng)站導(dǎo)航、域名注冊

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)