夢のかけら

Goエンジニアの技術ブログ

【Rails】formタグ内のbuttonを押すと意図せずにPostリクエストが送信されてしまう時の対処法

f:id:lampler:20210516081631p:plain

Railsで作るフォームの中で、Reactを使う必要があった。 Reactのコンポーネントで作ったボタン(<button>)を押すと、なぜかpostリクエストが飛んでしまう。

原因

<form>の<button><button type="submit">がデフォルトになっているようだ。

対処法

type="button"を追加する。

<button type="button">Increment</button>