Javascript React-Redux表单远程提交

我正在尝试使用redux表单远程提交表单。我的问题是，如何从组件外部的函数执行redux操作。相当于说：

此.props.action（参数）

我的代码如下：

async function submit(values) {
    return (
        //Equivalent of => this.props.addOne(values.name)
        await actions.addOne(values.name, 60)
    )
}

const renderTextField = ({ input, label, meta: { touched, error } }) =>
<TextField 
    autoFocus
    margin="dense"
    fullWidth
    type="text"
    label={label}
    {...input}
/>

class LibrarySubsectionForm extends React.Component {
render() {
    const { handleSubmit } = this.props;

    return (
        <form onSubmit={handleSubmit}>
            <Field
                component={renderTextField}
                name="name" 
                label="Subsection Name"
            />
        </form>
    )
}
}

export default compose(
connect(null, actions),
reduxForm({ form: 'AddSubsection', onSubmit: submit })
)(LibrarySubsectionForm);

异步函数提交（值）{
返回(
//等效于=>this.props.addOne（values.name）
等待操作.addOne（values.name，60）
)
}
const renderTextField=（{input，label，meta:{toucted，error}}）=>
类库SubsectionForm扩展了React.Component{
render（）{
const{handleSubmit}=this.props；
返回(
)
}
}
导出默认组合(
连接（空，操作），
reduxForm（{form:'AddSubsection'，onSubmit:submit}）
)（图书馆分部表格）；

Redux表单正在传递装饰组件的

分派

函数和

道具

，作为

提交

处理程序的第二个和第三个参数。因此，基本上您可以在

submit

函数中访问它们。如果您将

操作作为道具传递给
LibrarySubsectionForm
，则可以在
submit
功能中访问它们：

async function submit(values, dispatch, props) {
    return await props.actions.addOne(values.name, 60);
}

先生，你是个天才。非常感谢。