reactjs - redux-form - onSubmit 不起作用

Question

我正在使用 redux-form，但我无法让 onSubmit 函数发挥作用。

编辑:我的问题是该函数没有被调用，我将调试器放在 onSubmit 上，但它没有到达那里。这是我的表格:

class userForm extends Component {
    onSubmit(values) { // do here something }
    render() {
        const { handleSubmit } = this.props;
        return <form onSubmit={handleSubmit(this.onSubmit)}>
            <Field name='id'
                component={TextField}
                label='id'/>
            <Field name='name'
                component={TextField}
                label='name' />
            <button type='submit'>Submit</button>
        </form>
    }
}

export default reduxForm({
    form: 'userForm'
})(userForm);

但它永远不会到达 onSubmit 方法。

我做错了什么？

Answer 1

您只需在提交后添加.bind关键字即可，

class userForm extends Component {
onSubmit(values) { // do here something }
render() {
    const { handleSubmit } = this.props;
    return <form onSubmit={handleSubmit(this.onSubmit.bind(this))}>
        <Field name='id'
            component={TextField}
            label='id'/>
        <Field name='name'
            component={TextField}
            label='name' />
        <button type='submit'>Submit</button>
    </form>
    }
}

export default reduxForm({
    form: 'userForm'
})(userForm);