バリデーション

Reactで状態・フォーム・リストを扱う / 全 6 枚

チェックの有無で変わる

左は判定なし、右は空なら送信を止めています。

チェック無し

function handleSubmit(e) {
  e.preventDefault();
  setSent(name + "さんから受領");
}

チェックあり

function handleSubmit(e) {
  e.preventDefault();
  if (name.trim() === "") {
    setError("入力してください");
    return;
  }
  setError("");
  setSent(name + "さんから受領");
}

1 / 6

← → キーでも送れます

このスライドが付いているレッスンを開く