Reactjs 什么时候在 reactredux 中使用 bindActionCreators

发布于02月06日

bindActionCreators的唯一使用 case 是，当您想将一些动作创建者传递给一个不知道Redux的组件，并且不想将dispatch或Redux store传递给它时.

如果使用/需要bindActionCreators个，会是什么样的例子？

哪种组件不知道Redux？

两种 Select 的优缺点是什么？

//actionCreator
import * as actionCreators from './actionCreators'

function mapStateToProps(state) {
  return {
    posts: state.posts,
    comments: state.comments
  }
}

function mapDispatchToProps(dispatch) {
  return bindActionCreators(actionCreators, dispatch)
}

vs

function mapStateToProps(state) {
  return {
    posts: state.posts,
    comments: state.comments
  }
}

function mapDispatchToProps(dispatch) {
  return {
    someCallback: (postId, index) => {
      dispatch({
        type: 'REMOVE_COMMENT',
        postId,
        index
      })
    }
  }
}

推荐答案

我不认为最流行的答案实际上解决了这个问题.

下面的所有示例基本上都做相同的事情，并且遵循无"预绑定"的概念.

// option 1
const mapDispatchToProps = (dispatch) => ({
  action: () => dispatch(action())
})


// option 2
const mapDispatchToProps = (dispatch) => ({
  action: bindActionCreators(action, dispatch)
})


// option 3
const mapDispatchToProps = {
  action: action
}

选项#3只是选项#1的简写，所以真正的问题是为什么要使用选项#1和选项#2.我已经在react-redux代码库中看到了这两种方法，我发现这相当令人困惑.

我认为困惑来自这样一个事实，即react-redux个文档中的examples个都使用bindActionCreators，而bindActionCreators个文档(如问题本身所引用的)表示不要将其与react redux一起使用.

我想答案是代码库中的一致性，但我个人更喜欢在需要时将操作显式地包装在dispatch中.