目前為止的ToDoList案例已經可以正常展示,但是還不能修改編輯,如下所示
此時控制台報錯提示,缺少onChange響應事件,所以接下來編寫響應事件,改變state狀態值。
(1)通常做法
之前的做法都是綁定具體方法進行調用,如下所示,綁定handleInput方法,當輸入值時進行輸出打印
接下來如果想利用react-redux的connect進行簡化,則需要進行映射,類似於state的關系映射
(2)編寫映射
將handleInput方法直接寫入方法映射的返回值里,然后將connect()的第二個參數改為該映射
接着改變方法綁定
此時的this方法綁定便也不再需要,測試如下(控制台可以正常輸出打印輸入的數據)
接下來就差最后一步,派發action,進行狀態更改
然后編寫reducer.js進行邏輯處理
此時便可以實現輸入框的編輯
.