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

標籤：blog   自訂   迴圈   文法   注釋   效果   元素   action   react   

上一篇文章實現了《刪》這個功能，那麼我們繼續添加下一功能--《改》

這個修改的功能是通過雙擊每個子選項實現

第一步：按規矩來，添加一個狀態聲明

第二步：action中約定我們要幹什麼，並且將其他元素（text）傳給reducer（這裡eidtTodo修改外editTodo）

第三步：reducer中區更新我們的store（相信經過注釋關於...文法，map迴圈等不用再寫注釋了，大家也能明白怎麼回事了）

第四步：當然是去我們的子組件編寫具體實現的方法了

到了這裡---改也實現了，看是不是很簡單，分解步驟！

我們現在給處於編輯狀態的子組件加一個邊框吧！（如果是頭部引用的它，那麼class就是new-todo，如果是內容地區引用的話，就是edit，記住給Header添加一個自訂屬性newTodo）

 

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