【React】フォームでsubmitボタンが２つある場合の処理の分け方 - Qiita

はじめに 今まで１つのフォームにsubmitボタンは１つしか表示したこと無かったのですが、２つ表示したい場面があり、処理の分岐に困ったので備忘録として残します。 コード event.nativeEvent.submitterでクリックしたボタンの要素を取得して、処理を分岐させてます。 import React from 'react'; export const MyForm = () => { const handleSubmit = (event) => { event.preventDefault(); // クリックしたボタンの要素 const clickedButton = event.nativeEvent.submitter; if (clickedButton.id === 'button1') { // ボタン1がクリックされた時の処理 } if (clickedButt