bindActionCreators作用

个人总结:

讲一下bindActionCreators这个API,

?

bindActionCreators是要结合mapDispatchToProps来使用的。

mapDispatchToProps函数接收一个函数，这个函数返回一个对象，对象中键是action的名字，值是进行dispatch处理的函数

例:

mapDispatchToProps((dispatch)=>{

　　return {

　　　　action:(data) => dispatch( { type:‘add‘,payload:data } )

　　　? ? 　? /*

? ? ? ? ? ? ? ? ? ? ? ? 通常情况下都用actioncreator来生成action，所以通常是下面的写法:

? ? ? ? ? ? ? ? ? ? ? ? ?action:(data) => dispatch( actioncreator(data) )??

　　? ? ? ? ? ? ?*/

? ? ? ? ? ? ? ?}

})

?

由于通常的写法下action都是由actioncreator来生成的，既然所有的都有这样的操作，不如弄个函数来封装一下

于是就有了bindActionCreators，写法变成了这样:

mapDispatchToProps =((dispatch)=>{

? ? ? return {

?　　? ?action:bindActionCreators({

? ? ? ? ? ? ? ? ? ? ? ? ?action1:actionCreator1,

　　　　　? ?　 action2:actionCreator2? //这样写的花就不涉及dispatch等操作的明文编写了

? ? ? ? ? ? ? ? ? ? ? })

? ? ? ?}

}

?

进行了mapDispatchToProps操作之后，就可以在props中调用方法了

this.props.action1()

this.props.action2()

就可以直接使用这些方法了。

?

?

?

==========================================================================================================================

原文转载自网络:

问题描述

• 使用react-redux时使用connect方法将store和组件关联在一起，那么connect的第二个参数是mapDispatchToProps
• 在mapDispatchToProps中，第一个参数是dispatch，函数的返回值是一个对象，并且对象中的每一个值都是一个函数，函数都可以通过this.props.key调用。
问题"
• 为什么redux官网上推荐了bindActionCreators，这个有什么作用呢？
• 使用不同的方式写mapDispatchToProps对action工厂函数的要求有什么不同吗
• 如果是异步action该如何使用bindActionCreators呢