zoukankan      html  css  js  c++  java
  • mapDispatchToProps的三种方式

    mapDispatchToProps

    1、当connect(mapState,null)不传递第二个参数(或为null)时,可以直接在当前组件的this.props.dispatch拿到dispatch方法

    this.props.dispatch({
          type:ChangeColor,
          payload:{
            color:e.target.value
          }
        })
    

    2、当connect(mapState,mapDispatch)的第二个参数为一个函数时,需要把dispatch作为参数传入,该函数返回一个对象,每个键对应着一个函数,在这里面需要显式的调用传进来的dispatch方法;

    // mapDispatch为一个函数
    const mapDispatchToProps = (dispatch) => ({
      changeColor : (value) => (dispatch({
        type:ChangeColor,
        payload:{
          color:value
        }
      })),
    })
    

      

    调用时,this.props.changeColor (value)

    3、当connect(mapState,mapDispatch)的第二个参数为一个对象时,这时不用再把dispatch传递进去并显式的调用

    // mapDispatch为一个对象
    const changeColor = (v) => ({
      type:ChangeColor,
      payload:{
        color:v
      }
    })
    const mapDispatchToProps = {
      changeColor ,
    }
    

      

    调用时,this.props.changeColor (value)

    ————————————————
    版权声明:本文为CSDN博主「Polaris_tl」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/Polaris_tl/article/details/103489573

  • 相关阅读:
    python面向对象开发
    python迭代器和生成器
    python 集合
    python 字典
    python 元组
    python列表
    python字符串方法
    dom节点操作
    vue 跨域配置代理 get/post 请求
    Vuecli版本调整
  • 原文地址:https://www.cnblogs.com/liangziaha/p/14487332.html
Copyright © 2011-2022 走看看