react+redux官方執行個體TODO從最簡單的入門（6）-- 完結

標籤：cer   alt   項目   上層   效果   bsp   之間   cti   注釋   

通過實現了增-->刪-->改-->查，對react結合redux的機制差不多已經瞭解，那麼把剩下的功能一起完成吧

全選

1、聲明狀態，這個是全選狀態

2、action約定

3、reducers，更新store

4、底層組件實現函數

5、上層組件資料傳遞

到這裡全選的功能就實現了

顯示action的數量和刪除completed操作

整過過程一模一樣

1、

2、

3、

4、（展示action數量的view）

 （刪除completed的view）

 

放到Footer中

在上層父組件進行資料通訊

最終的父組件（view）

整個過程就是這樣簡單，明了！

到這裡官方的TodoList所有功能就實現了！其實做到這樣一個看似簡單，其實一點不簡單的小項目，關鍵是掌握redux文法，react組件之間的通訊，還有就是基本的文法，邏輯了，很多ES6的文法和一些不怎麼常見的我在裡面都有住注釋，裡面全是，我的初衷是，大家要先看懂，不要一看到一點就跟著寫，這樣即使你寫出了效果，也不見得你掌握了，因此你需要先理解，再寫，這樣寫起來也很輕鬆，我剛開始也是，看到一個教程就馬上跟著寫，寫著寫著就出問題了，就去對代碼，其實這個習慣不好，理解後再去寫，會大大加快你的學習進度！

react+redux還有很多進階的功能等著我們區發掘，其實到現在我感覺自己就是剛剛入門，記錄一下這靈光一閃的時刻，大家共勉！希望有幸看到這系列文章的同志對其有所協助！！！

 

react+redux官方執行個體TODO從最簡單的入門（6）-- 完結