Действие формы и кнопка onclick

Question

У меня есть форма с действием (обратите внимание, что я использую реагирующий ремень):

<Form action="/api/exercises" method="post" >

Вот кнопка отправки в форме:

<Button type="submit" color="primary" onClick={this.addExercise} block>
                Add Exercise
              </Button>

Мне нужно иметь возможностьзапустить как функцию onclick, так и действие формы.Я заметил, что если у меня есть оба, то он запускает функцию onclick.Если я уберу функцию onclick, то действие формы будет работать.Любые идеи о том, как можно запустить как действие формы и функцию onClick?

Answer 1

Попробуй это.Сначала удалите событие onClick в Button.И добавьте событие onSubmit в форму

<Form action="/api/exercises" onSubmit={this.onSubmit} method="post" >


onSubmit = (e) => {
  e.preventDefault()
  // do stuff
  e.target.submit()
}

Рабочая демонстрация: https://codesandbox.io/s/ovqmnjyj2q