javascript - 如何在 mapDispatchToProps 中调用生成器函数？

Question

这真的是一道简单的JS题；我确定问题是范围之一。我想做这样的事情，但这是不正确的语法。

基本上，我希望组件中的事件在每次事件发生时分派(dispatch)不同的操作。整个方法可能是错误的，在这种情况下我想知道应该如何完成。

const mapDispatchToProps = dispatch => {
  return {
    function* getNextSection() {
      yield dispatch(local_actions.general)
      yield dispatch(local_actions.fixbugs)
      yield dispatch(local_actions.resumefinish)
    }
  }
}

Answer 1

很有趣。以下代码有效:

const action1 => ({ type: 'action1' })
const action2 => ({ type: 'action2' })

function* actionGenerator() {
  yield action1()
  yield action2()
}

// A generator returns an iterator,
// it has to be stored in a variable
const actionIterator = actionGenerator()

const myAction = () => actionIterator.next().value

connect(mapStatetoProps, {
  myAction
})(MyComponent)

然后你可以像这样使用它:

this.props.myAction() // action1
this.props.myAction() // action2