配列のstate

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

追加はスプレッドで

push は元の配列を書きかえるので、React は変化に気づきません。

pushで追加する

function addWork() {
  works.push(newWork);
}

スプレッドで追加する

function addWork() {
  setWorks([...works, newWork]);
}

スプレッドがいまの要素を全部展開し、そのうしろに新しい要素を並べます。

1 / 6

← → キーでも送れます