什么是Redux?
在學(xué)習(xí)React的過程中核偿,學(xué)習(xí)Redux也是必不可少的,那么什么是redux呢顽染,我是這么理解的
? ? ? ? ? ? redux 就相當(dāng)于 vuex 漾岳,就是數(shù)據(jù)狀態(tài)管理模式,當(dāng)我們要做的項(xiàng)目中有很多組件需要共享數(shù)據(jù)時(shí)粉寞,這時(shí)候就可以用 redux 搭建蝗羊。?
如何搭建Redux?
搭建Redux,一般要先創(chuàng)建三個(gè)文件夾
action :
? ?? 這里面用來方法仁锯。這個(gè)方法用來觸發(fā) reducers 里面的處理邏輯耀找。因?yàn)榉椒ɡ锩鏁?huì)返回兩個(gè)字段,一個(gè) type 字段用來表示字符串业崖,另一個(gè) data 野芒,用來調(diào)用action 里面的方法時(shí)傳遞過來的參數(shù)。
reducers:
? ?? 這里面用來定義store里面的數(shù)據(jù)和處理邏輯双炕。處理邏輯通常使用 switch case 來選擇對(duì)應(yīng)的action傳遞過來的type 類型進(jìn)行處理 狞悲。
store:
? ?? 這里面會(huì)導(dǎo)出 reducer 封裝好的數(shù)據(jù)。
使用數(shù)據(jù):
在 index.js 里面使用 provider 這個(gè)組件妇斤,將根組件和我們引入的store 聯(lián)系起來摇锋。這樣根組件中的所有組件都可以使用redux
在具體的某個(gè)組件中丹拯,引入 connect 方法,該方法用來將 mapStateToProps mapDispatchToProps 和當(dāng)前組件關(guān)聯(lián)起來
mapStateToProps 用來引入數(shù)據(jù)(store)?
mapDispatchToProps 用來引入 action里面的方法
使用this.props.store的名稱 來獲取redux里面的數(shù)據(jù)?
使用 this.props.actios的名稱 來獲取action里面的方法
這樣荸恕,一個(gè) React 文件就搭建好了乖酬,也可以使用了!