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


    目前为止的ToDoList案例已经可以正常展示,但是还不能修改编辑,如下所示

    此时控制台报错提示,缺少onChange响应事件,所以接下来编写响应事件,改变state状态值。

    (1)通常做法

      之前的做法都是绑定具体方法进行调用,如下所示,绑定handleInput方法,当输入值时进行输出打印

      

      接下来如果想利用react-redux的connect进行简化,则需要进行映射,类似于state的关系映射

      

    (2)编写映射

      将handleInput方法直接写入方法映射的返回值里,然后将connect()的第二个参数改为该映射

      

      接着改变方法绑定

      

      此时的this方法绑定便也不再需要,测试如下(控制台可以正常输出打印输入的数据)

      

       接下来就差最后一步,派发action,进行状态更改

      

      然后编写reducer.js进行逻辑处理

      

      此时便可以实现输入框的编辑

      

      

    .

  • 相关阅读:
    服务器搭建Git
    BGP协议详解
    以太坊
    燃 * & *
    UML类图解析
    day8.文件操作
    python面试题汇总
    day5.字典
    day5.类型汇总
    day3,4总结程序
  • 原文地址:https://www.cnblogs.com/fightjianxian/p/12503696.html
Copyright © 2020-2023  润新知