配列のstate

React入門 / 全 6 枚

追加はスプレッドで

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

pushで追加する

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

スプレッドで追加する

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

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

1 / 6

← → キーでも送れます