送信中の制御

React実践 / 全 6 枚

見た目だけでは足りない

ボタンを押せなくするだけでは、Enter で送る道を止められません。

ボタンだけ止める

<button
  disabled={pending}
>
  出品する
</button>

入口でも止める

if (pending) return;
setPending(true);

ボタンの外の道は、処理の先頭でしか止められません。

1 / 6

← → キーでも送れます