reactでの入力値のリセットについて

入力フォームのリセット

useStateを使わなくてよい。

app

export default function Form() {
  return (
    <div>
      <form>
        <input type="text" name="name" placeholder="名前1を入力してください" />
        <button type="reset">リセットする</button>
      </form>
      <form>
        <input type="text" name="name2" placeholder="名前2を入力してください" />
        <input type="text" name="name3" placeholder="名前3を入力してください" />
        <button type="reset">リセットする</button>
      </form>
    </div>
  );
}

それぞれのフォームタグごとのリセットボタンで削除される。
（下側のリセットボタンは名前2と名前3がリセットされる)

useStateに頼りがちなので備忘。