redux 第二部分

redux 的使用方法，

為什麼使用 action.js 檔案，進行優化**將其分開，然後我們通過工廠函式的每次返回不同的物件，由於引數是固定的，每次返回的都是事件型別和事件資料，所以我們可以使用乙個函式，通過其返回值來返回乙個物件，讓後傳遞給 action ；

我們的 reducer 函式有兩個引數，引數一：state，引數二：action，

我們的 redux 中有乙個 createstore() 的函式，引數是 reducer 函式，並且有乙個返回值，就是 store，管理 redux 的 state 的資料；

如果我們向渲染到頁面上，我們就需要借助 store.subscribe() 的函式，監聽 state，每次頁面重新整理都會呼叫此函式，雖然每次更給都會呼叫此方法，但因為是 diff 演算法，所以並不會影響效能；

所以，核心 store.js 處理邏輯，index.js 來渲染頁面，元件來提交事件，

store.js　　處理 redux 邏輯

index.js　　渲染 redux 資料

元件.js　　向 redux 提交資料

有關 store 的優化

store 將分為 4 個檔案，分別管理 store.js 的一部分，這樣的話，我們可以更好的處理裡面的內容；

reducer.js　　是專門處理邏輯的地方，是 createstore 函式裡面的引數，reducer 函式，裡面擁有兩個形參，乙個 state 存放資料，乙個 action 元件通過 dispatch 提交的資料，

action.js　　建立乙個工廠函式，由於返回的資料固定，所以我們只需要返回乙個物件，裡面有 type 屬性和 payload（載荷）屬性，這樣我們每次呼叫此工廠函式就可以了，無需每次都向上提交乙個物件，裡面 type 屬性和 payload 屬性

state.js　　專門存放資料的地方

store.js　　是專門管理 redux 的地方，我們通過 createstore 的返回值 store，來向上提交資料或者監聽 state 資料的變化來渲染頁面，createstore 裡面的引數是乙個函式，此函式就是 reducer

如果我們的資料很多，該怎麼辦，乙個reducer最好只專心處理一種處理，但是不同種類的資料，我們就需要多個reducer來處理，我們怎樣才能把所有的 reducer 不同種類的資料融合起來

我們就要使用 redux 中的 combinereducers 方法來進行這方面的處理；

combinerducers() 方法，需要乙個引數，此引數是乙個物件，屬性值為 reducer 不同種類的資料，屬性可以分屬性值同名，es6的寫法，此函式有個返回值，返回值就是所用不同種類資料構成的集合

案例：reducer.js

store.js 無需改變

index.js 無需改變

當我們在元件呼叫redux資料的時候

我們的控制台就會列印此結果

所以相當於我們就改變了乙個 reducer.js 的檔案，然後就可以使用多個 reducers 函式