摘要:場(chǎng)景文件里文件里順序首先執(zhí)行里的,再執(zhí)行的如果在里執(zhí)行,會(huì)輸出空的,里的話也是同樣效果。當(dāng)執(zhí)行完后,會(huì)更新但是不會(huì)執(zhí)行第二遍,但是里的會(huì)輸出新的。
場(chǎng)景
page文件里:
mixins:[Reflux.connect(Store)], getInitialState: function () { Action.getInitData(); },
store文件里:
var Store = Reflux.createStore({ listenables: [Action], data: {}, onGetInitData : function(){ var t = this; DB.Gate.getInitData().then(function (data) { t.updateComponent(); }); }, updateComponent: function () { this.trigger(this.data); }, getInitialState: function() { var t = this; this.data = { }; return this.data; } }); module.exports = Store;順序
首先執(zhí)行store里的getInitialState,
再執(zhí)行react的componentDidMount,如果在componentDidMount里執(zhí)行console.log(this.state),會(huì)輸出空的state,render里console.log的話也是同樣效果。
當(dāng)DB.Gate.getInitData()執(zhí)行完后,會(huì)更新state,但是componentDidMount不會(huì)執(zhí)行第二遍,但是render里的console.log()會(huì)輸出新的state。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/79725.html
摘要:適配器模式將一個(gè)類的接口轉(zhuǎn)換成客戶希望的另外一個(gè)接口。代理模式為其他對(duì)象提供一種代理以控制對(duì)這個(gè)對(duì)象的訪問。如果用來解決排序問題不符合開閉原則,添加策略需要修改代碼用策略模式將策略抽象成接口,不同的策略實(shí)現(xiàn)該接口。 簡單工廠、工廠方法、抽象工廠 簡單工廠 通過定義多個(gè)factory.produceXXX()方法,或者通過向factory.produce(type)傳遞type參數(shù)來生成...
摘要:渲染屬性這里有個(gè)組件,使用了一個(gè)渲染回調(diào)函數(shù)。這個(gè)狀態(tài)被提升到了容器中,通過添加回調(diào)函數(shù),回調(diào)中可以更新本地狀態(tài)。這個(gè)是正常的受控的輸入不允許變更,這使得這個(gè)模式成為可能。 中文版:https://reactpatterns.cn/原版:https://reactpatterns.com 函數(shù)組件 (Function component) 函數(shù)組件 是最簡單的一種聲明可復(fù)用組件的方法 ...
摘要:網(wǎng)絡(luò)地址轉(zhuǎn)換,其基本工作原理是當(dāng)私有網(wǎng)主機(jī)與公共網(wǎng)逐漸通信的經(jīng)過網(wǎng)關(guān)時(shí),將包中的源或目的在私有和的公共之間進(jìn)行轉(zhuǎn)換。由于包的源已經(jīng)被轉(zhuǎn)換成的公共,響應(yīng)的包將被發(fā)送到。對(duì)于通信雙方而言,這種地址的轉(zhuǎn)換過程是完全透明的。 一:為什么需要NAT 由于IP地址隨著互聯(lián)網(wǎng)的發(fā)展而逐漸稀缺,難以使得每臺(tái)主機(jī)都擁有一個(gè)公網(wǎng)上的IP地址,且并不是所有主機(jī)都需要一個(gè)公網(wǎng)上的地址,于是就有了NAT技術(shù)。 ...
閱讀 2203·2021-10-18 13:28
閱讀 2512·2021-10-11 10:59
閱讀 2340·2019-08-29 15:06
閱讀 1132·2019-08-26 13:54
閱讀 808·2019-08-26 13:52
閱讀 3149·2019-08-26 12:02
閱讀 2999·2019-08-26 11:44
閱讀 2512·2019-08-26 10:56