Redux connect（）とReduxサンクを反応させる

Question

connect()メソッドでReduxサンクを使用するときに問題が発生しました。react-reduxです。

function Component(props) { 
    return (
     <button onClick={props.callback}>Click here</button> 
    ); 
} 

function actionCreator() { 
    console.log('#1'); 
    return dispatch => console.log('#2'); // = thunk 
} 

const mapDispatchToProps = dispatch => ({ 
    callback: actionCreator 
}); 
export const Container = connect(null, mapDispatchToProps)(Component); 

私はContainerコンポーネントをレンダリングし、ボタンをクリックすると、唯一の「＃1」がコンソールに表示されている：私は、次のコードを持っています。だから 'サンク'は実行されません。

私は明示的にactionCreator()を派遣する場合、それは動作しません：

const mapDispatchToProps = dispatch => ({ 
    callback: dispatch => dispatch(actionCreator()) 
}); 

The Redux docs says this about mapDispatchToPropsを：

オブジェクトが渡された場合、その内部の各機能が Reduxのアクションの作成者

であると想定されます

なぜ、mapDispatchToPropsはありません。dispatch()私のactionCreator()？私はReactを始めたばかりなので、それは分かりません。

更新

それがないReduxのからbindActionCreators()を使用して作業：

const mapDispatchToProps = dispatch => { 
    return bindActionCreators({ 
     callback: actionCreator 
    }, dispatch); 
}; 

これはconnect()でactioncreatorsをバインドするための正しい方法は何ですか？

Answer 1

mapDispatchToPropsでは、関数の引数としてdispatch関数をオーバーライドしています。 dispatch => {function}を実行しているので、関数内のディスパッチは関数に渡す引数を参照するようになりましたが、引数を渡すことはありません。

callback: dispatch => dispatch(actionCreator()) 
      //^overrides^

これに変更し、それを、それが動作するはずです：

const mapDispatchToProps = dispatch => ({ 
    callback:() => dispatch(actionCreator()) 
}); 

そのようにあなたがcallback()を呼び出すときに、dispatchはmapDispatchToPropsによって渡さdispatch機能を指し、そしてアクションが派遣されます。

Answer 2

actionCreator関数が呼び出されたときに新しい関数を返すからです。 を削除してactionCreatorにすると正常に機能します。