オブジェクトのstate

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

直接書きかえは効かない

profile.title に代入しても、入れ物は同じままなので React は気づきません。

直接書きかえる

function promote() {
  profile.title = "フロントエンド";
}

新しいオブジェクトを渡す

function promote() {
  setProfile({
    ...profile,
    title: "フロントエンド",
  });
}

元のオブジェクトをスプレッドで写してから、変えたいキーだけ上書きします。

1 / 6

← → キーでも送れます