Почему может не срабатывать preventDefault?

Question

[mishapsv]

Помогите найти причину.
Вот код В компоненте Add для onBtnClickHandler не работает preventDefault и код в целом.
Наверное причина очевидна, но в упор не вижу.

Answer 1

[Aves]

Button внутри form по умолчанию имеет тип submit, и соответственно это событие формы и вызывает. Проще всего добавить обработчик onSubmit в элемент form.
Другой вариант добавить type='button' в элемент button. Но похоже отключение disabled у DOM-элемента не включает компонент, нужно render заново вызывать, и поэтому придётся логику checkbox переделать, чтобы связать с кнопкой через state компонента, типа <button disabled={this.state.checkrule}>
В случае type='button' в preventDefault вообще нет необходимости, действия по умолчанию не будет.

В общем, preventDefault не срабатывает, потому что не срабатывает onClick. С получением disabled из state работает.

Comments

[mishapsv]

Aves Спасибо!