标签:简要 return newsList dispatch 概述 news data bindActionCreators
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
标签:简要,return,newsList,dispatch,概述,news,data,bindActionCreators 来源: https://www.cnblogs.com/itgezhu/p/13724296.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。