reactnative基礎(chǔ)-創(chuàng)新互聯(lián)

react native 的兩個(gè)核心的屬性控制改變組件:props和state。
props是在父組件中進(jìn)行設(shè)置,只要設(shè)置完成那么在組件的生命周期就定死了,不會(huì)發(fā)生改變。
針對(duì)數(shù)據(jù)變化修改的情況,我們需要使用state屬性;一般情況下,我們需要在constructor方法中初始化state,然后在你想要修改更新的時(shí)候調(diào)用setState方法。

成都創(chuàng)新互聯(lián)公司堅(jiān)持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:成都做網(wǎng)站、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿足客戶于互聯(lián)網(wǎng)時(shí)代的雷山網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!
方法名 作用 調(diào)用次數(shù)
constructor構(gòu)造函數(shù),初始化需要的state1次
componentWillMount控件渲染前觸發(fā)1次
render渲染控件的方法多次
componentDidMount控件渲染后觸發(fā)1次
componentWillReceiveProps組件接收到新的props時(shí)被調(diào)用多次
shouldCompentUpdate當(dāng)組件接收到props和state時(shí)被調(diào)用多次
componentWillUpdateprops或者state改變,并且此前的shouldComponentUpdate為true會(huì)調(diào)用該方法多次
componentDidUpdate組件重新渲染完成后會(huì)調(diào)用此方法多次
componentWillUnmount組件卸載和銷毀之前被調(diào)用1次

react native的組件的生命周期:
react native基礎(chǔ)

從圖中可以看出來組件的生命周期有三個(gè)階段:
第一個(gè)階段:初始化項(xiàng)目后,執(zhí)行構(gòu)造器,頁面加載之后,第一次渲染頁面,
第二個(gè)階段:是組件的運(yùn)行中階段: 在這個(gè)階段主要點(diǎn)就是:state狀態(tài)的改變或者props屬性的改變, 當(dāng)state發(fā)生改變的時(shí)候,會(huì)調(diào)用shouldComponentUpdate()方法, 這個(gè)方法是返回是一個(gè)boolean類型,用于判定state狀態(tài)是否改變,返回ture的時(shí)候,接下來將會(huì)執(zhí)行componentWillUpdate()方法更新組件,然后再一次的執(zhí)行render()方法,渲染頁面,之后執(zhí)行componentDidUpdate()方法,然后如果還有state狀態(tài)發(fā)生改變的會(huì)就還是這個(gè)流程執(zhí)行; 但 如果props屬性發(fā)生改變的時(shí)候,就是觸發(fā)componentWillReceiveProps()方法,然后在執(zhí)行shouldComponentUpdate()方法,接下來的流程就一樣了; 這就是運(yùn)行中執(zhí)行的流程;
第三個(gè)階段:組件的卸載,這個(gè)期間我現(xiàn)在接觸的比較少,因?yàn)閞eact native 對(duì)這個(gè)階段是自己封裝好的,沒太用過,先了解以下:
組件卸載的時(shí)候,首先執(zhí)行Unmount()方法,然后執(zhí)行componentWillUnmount()方法然后就是結(jié)束了;
在使用這個(gè)地方的時(shí)候, 有一個(gè)示例:就是對(duì)于本地存儲(chǔ)的時(shí)候,當(dāng)組件卸載的時(shí)候,可以在第三個(gè)階段對(duì) 本地儲(chǔ)存的數(shù)據(jù)進(jìn)行清空操作;

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

當(dāng)前標(biāo)題:reactnative基礎(chǔ)-創(chuàng)新互聯(lián)
本文地址:http://muchs.cn/article46/csjdhg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供搜索引擎優(yōu)化、外貿(mào)建站網(wǎng)站維護(hù)、品牌網(wǎng)站建設(shè)、Google關(guān)鍵詞優(yōu)化

廣告

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

h5響應(yīng)式網(wǎng)站建設(shè)