在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} /> 

這可能嗎？我沒有進入狀態mapDispatchToProps

Answer 1

有一個在react-reduxconnect方法，它應該像你剛纔描述的一個情況下使用稱爲mergeProps第三個參數。你的情況，你可以這樣做：

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); 

注意，組件將不會收到actions也不postData，只是submit。