Надіслати форму в ReactJS за допомогою елемента BUTTON - реагує

Кілька слів про мою ситуацію: я будую форму, використовуючи ReactJS і якщо вона є <input type="submit"> елемент працює відмінно: форми подаються натисканням клавіші enter input[type="text"] і натисканням елемента submit (А також існують робочі перевірки ReactJS, коли форма не подається, якщо нічого не змінилося).

Але якщо я заміню input[type="submit"] з <button>ButtonLabel</button> я намагаюся використовувати 2 способи:

1. Отримати елемент DOMNode форми і виклику .submit () метод, який не є нормальним, тому що він не використовує внутрішню логіку

2. Передайте параметри для кнопки, як <button type="submit" form="form-id"> але все ще не використовує перевірки ReactJS (я не хочу надсилати форму, якщо нічого не змінилося)

Тому я дуже вдячний, якщо хтось запропонує мені правильно подати форму в ReactJS КНОПКА елемент

Дякую!

Відповіді:

Елемент кнопки повинен працювати точно так, як ви очікуєте, якщо для цього типу встановлено кнопку "Надіслати", а у формі - onsubmit обробник

<form ref="form" onSubmit={this.handleSubmit}>
<button type="submit">Do the thing</button>
</form>