对Redux中bindActionCreator的理解

最新推荐文章于 2023-08-03 01:45:11 发布

转载最新推荐文章于 2023-08-03 01:45:11 发布 · 426 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000007909135

bindActionCreator(dealActions,dispatch)

该函数接受两个参数,其中dealActions表示actionCreateor函数，如果有多个actionCreator函数，可以放在dealAction.js文件中一次引入，
dealAction.js

export function reload() {
    return {            
        type: 'RELOAD', //返回的是一个action,type属性是必须的
    }
}

export function addToDo() {
    return {
        type: 'ADD_TODO',
    }
}

则引入action的时候，可以一次引入

import * as dealActions from './dealAction.js'    //此处也可以省略.js

如果有代码

let createActionAndDispatch = bindActionCreator(dealActions, dispatch);

则

createActionAndDispatch.reload();

将会自动创建reload这个action，并自动dispatch。换句话说，bindActionCreator(dealAction,diapatch)函数返回的是一个对象，调用这个对象中（对应相应action）的属性，就会自动创建aciton并dispatch。
如您觉得笔者理解的有问题，请在评论中指出，互相交流。