redux多檔案配置 Kaiqisan

2021-10-13 10:08:12 字數 1264 閱讀 1969

首先是檔案目錄(簡潔版)

├─components

│ └─demo1

├─css

├─pages

│ ├─home

│ ├─main

├─redux

│ ├─action

│ ├─reducer

│ └─store

├─router

|└─static

└─imgs

我們把所有的redux的內容全部寫到乙個資料夾redux裡面便於後期的統一管理

然後開始我們的操作

import

from

'redux'

import user from

'./user'

export

default

combinereducers

()

這個combinereducers 就是今天的核心知識點,它能夠整合所有的reducer檔案資訊,然後拼成一塊輸出到store中,最終形成乙個全域性的狀態

如果有小夥伴使用redux而不是react-redux的話,使用方法如下

/* 原先 */

store.

getstate()

.num

/* 現在 */

store.

getstate()

.user.num

/* 原先 */

import

from

'../../redux/action/index'

send

(val)

...

/* 現在 */

import

from

'../../redux/action/user'

send

(val)

幾乎沒什麼變化,就是注意要匯入相應方法所在的檔案

雖然是多檔案配置,但它們最終要整合到乙個爭整體中,只要觸發了action,然後這個action就會被傳送到reducer中,此時,就會觸發所有模組的switch方法直到找到相應的方法(不信的話在每乙個switch方法觸發前用console列印一下)

學一項東西要學會未雨綢繆,否則,自己怎麼死在甲方口裡都不知道!

redux(一)初步讀懂配置redux流程

建立state.js let state export default state 定義action型別名常量count.js export const add action add action export const remove action remove action export con...

Spring Spring多配置檔案

public class school public string getname public void setname string name public string getaddress public void setaddress string address override publ...

Spring Boot配置檔案 多環境配置

一.多環境配置的好處 1.不同環境配置可以配置不同的引數 2.便於部署,提高效率,減少出錯 二.properties多環境配置 resources目錄下配置檔案 啟用哪乙個環境的配置檔案 spring.profiles.active dev 公共配置 spring.jackson.date form...