Question

我真的受够了redux形式。这是我最近遇到的问题/错误：

由于某种原因，如果我在表单中使用字段，则表单上的默认onSubmit将被禁用。

以下显示警报：

class CustomerPage2 extends React.Component {
    constructor(props) {
        super(props);
    }

    render() {
        return (
            <div>
            <form id="myform" onSubmit={() => alert("redux form is soooo much fun")} >
                <input type="text" id="abc"/>
            </form>
            </div>
        );
    }
}

export default reduxForm({
    form: 'customerRegistration',
    destroyOnUnmount: false,
    forceUnregisterOnUnmount: true
})(CustomerPage2);

但是，如果我将表单中的字段添加到表单中的onSubmit无效，则无法使用。

以下内容不起作用（输入只是一个简单的演示组件）：

class CustomerPage2 extends React.Component {
    constructor(props) {
        super(props);
    }

    render() {
        return (
            <div>
            <form id="myform" onSubmit={() => alert("redux form is so much fun")} >
                <input type="text" id="abc"/>
                <Field
                    className={'setup__input input'}
                    name={'salutation'}
                    mandatory={true}
                    placeholder={'Mr/Mrs/Ms/Miss'}
                    component={Input}
                />
            </form>
            </div>
        );
    }
}

export default reduxForm({
    form: 'customerRegistration',
    destroyOnUnmount: false,
    forceUnregisterOnUnmount: true
})(CustomerPage2);

如果我在组件中使用字段，为什么会突然禁用提交功能？我不明白为什么会这么做。

我确实对redux形式的背景中发生的“魔术”感到筋疲力尽。这是我尝试其他图书馆之前的最后一根稻草。

redux表单未在表单上调用onSubmit

0 个答案: