React-Redux系列3:修改Store state的值


目前為止的ToDoList案例已經可以正常展示,但是還不能修改編輯,如下所示

 

此時控制台報錯提示,缺少onChange響應事件,所以接下來編寫響應事件,改變state狀態值。

(1)通常做法

  之前的做法都是綁定具體方法進行調用,如下所示,綁定handleInput方法,當輸入值時進行輸出打印

  

 

  接下來如果想利用react-redux的connect進行簡化,則需要進行映射,類似於state的關系映射

  

 

 

(2)編寫映射

  將handleInput方法直接寫入方法映射的返回值里,然后將connect()的第二個參數改為該映射

  

 

  接着改變方法綁定

  

 

  此時的this方法綁定便也不再需要,測試如下(控制台可以正常輸出打印輸入的數據)

  

 

   接下來就差最后一步,派發action,進行狀態更改

  

 

  然后編寫reducer.js進行邏輯處理

  

 

  此時便可以實現輸入框的編輯

  

 

  

 

 

 

 

 

.


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM