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