избыточная форма не вызывает onSubmit на форме - PullRequest
Новая
       7

избыточная форма не вызывает onSubmit на форме

0 голосов
/ 08 января 2019

Я серьезно устала от редукс-формы. Это последняя проблема / ошибка, с которой я столкнулся:

По какой-то причине, если я использую Поле в своей форме, функция 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);

Почему отправка внезапно отключается, если я использую поля в своем компоненте? Я не понимаю, почему он это сделал.

Я буквально истощен "магией", которая происходит на заднем плане в редукс-формах. Это последняя капля, прежде чем я попробую другую библиотеку.

...