首页 > 其他 > 详细

bindActionCreators简要概述

时间:2019-09-10 16:54:06      阅读:82      评论:0      收藏:0      [点我收藏+]

bindActionCreators是redux的一个自带函数,作用是将单个或多个ActionCreator转化为dispatch(action)的函数集合形式。

开发者不用再手动dispatch(actionCreator(type)),而是可以直接调用方法。

可以实现简化书写,减轻开发的负担。

例如:

return {
        // 当触发addNews时,dispatch会执行异步action
        addNews(){
            dispatch(async (a)=>{
                // console.log(a == dispatch);// false dispatch
                await axios.post("http://127.0.0.1/news",{
                    newsTitle:this.refs.newsTitle.value,
                    newsHref:this.refs.newsHref.value
                });
                this.props.getNews();
            })
        },
        getNews(){
            dispatch(async (b)=>{
                console.log(b)
                // 获取新闻列表,并将新闻列表放到仓库状态中。
                const {data} = await axios.get("http://127.0.0.1/news");
                // dispatch(changeNewsList(data.newsList))
                dispatch(changeNewsList(data.newsList))
            })
        }
    }
利用bindActionCreators:
 return {
        newsList:state.news.newsList
    }
}
// 操作状态。
function mapDispatchToProps(dispatch) {

    return bindActionCreators(newsCreatore,dispatch);
}

通过actions对象调用方法,就可以dispatch所有的action

bindActionCreators简要概述

原文:https://www.cnblogs.com/hrhr/p/11498326.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!