mapDispatchToPropsのバインドアクションパラメータ

Question

アクションをディスパッチする送信ボタンがあります。アクションのペイロードは、APIに送信されるポストデータです。現在、私はmapDispatchToPropsでbindActionCreatorsを使用します。

const mapDispatchToProps = (dispatch) => ({ 
    actions: bindActionCreators(FormActions, dispatch) 
}); 

その後、私のコンポーネントで、私は提出アクションにonClickをバインド：

<input type="submit" onClick={() => this.props.actions.submit(this.props.postData)} /> 

私はこのコンポーネントにmapStateToPropsでポストデータを与えるために持っていることを好きではありません。

<input type="submit" onClick={this.props.submit} /> 

これが可能である：私はちょうどコンポーネントにすでにそれは使用量が次のようになりますので、提出する関数にバインドさポストデータを持っているアクションを与えることを好むだろうか？私はあなただけで説明したような場合に使用することになっているreact-reduxのconnect方法でmergePropsと呼ばれる3番目の引数がありmapDispatchToProps

Answer 1

状態にアクセスすることはできません。 ComponentがactionsもpostData、ちょうどsubmitを受信しません

const mapStateToProps = state => ({ postData: ... }); 

const mapDispatchToProps = (dispatch) => ({ 
    actions: bindActionCreators(FormActions, dispatch) 
}); 

const mergeProps = (stateProps, dispatchProps) => ({ 
    submit:() => dispatchProps.actions.submit(stateProps.postData), 
}); 

const ConnectedComponent = connect(mapStateToProps, mapDispatchToProps, mergeProps)(Component); 

注：あなたのケースでは、あなたのような何かを行うことができます。