为什么我可以在没有 mapDispatchToProps 的情况下调用我的动作创建者？

Question

有人可以帮助解释为什么下面的代码能够访问 mySubmitAction 动作创建者没有包括 mapDispatchToProps()？我知道 handleSubmit() 是由 reduxForm() 装饰器作为道具提供的，但是我的自定义动作创建者在哪里传递？

import React, { Component } from 'react';
import { Field, reduxForm } from 'redux-form';
import { connect } from 'react-redux';
import * as Actions from '../actions';

const validate = values => {
    const errors = {};
    if (!values.title) {
        errors.title = "Please enter a title"
    }

    return errors;
};

class myForm extends Component {
    handleFormSubmit = (values) => {
        this.props.mySubmitAction(values);
    };

    render() {
        return (
            isOpen={ this.props.modalIsOpen }
            onRequestClose={ () => this.props.onRequestClose() }>

            <form onSubmit={this.props.handleSubmit(this.handleFormSubmit)}>
                <input name="title" className="form-control" type="text"  />
                <button action="submit" className="btn btn-primary">Submit</button>
            </form>
        )
    }
}

const createReduxForm = reduxForm({form: 'myForm', validate});
export default connect(null, Actions)(createReduxForm(SessionForm));

Answer 1

当您import * as Actions from '../actions 时，Actions 是您的操作名称和操作创建者的对象映射。当您将对象作为 mapDispatchToProps 参数传递时，connect 默认情况下会将每个动作创建者包装到 dispatch 调用中。

见react-redux connect API

[mapDispatchToProps(dispatch, [ownProps]): dispatchProps] (Object or Function): 如果传递了一个对象，它里面的每个函数都被假定为一个 Redux action creator。具有相同函数名称但每个动作创建者都包装在调度调用中以便可以直接调用它们的对象将被合并到组件的道具中。