reactでuseState使わない簡単なフォーム送信

reactでuseState使わずに値を取得してフォーム送信する方法を見つけたので紹介です。

export default function Search() {
  function search(formData) {
    const query = formData.get("query");
    alert(`You searched for '${query}'`);
  }
  return (
    <form action={search}>
      <input name="query" />
      <button type="submit">Search</button>
    </form>
  );
}

まだ勉強中ですが、複雑でないフォームであればこれを使うと良さそうです。