JS React useStateで取得する関数に関数を渡す場合の注意 - Qiita

知っておくべき動作があったのでメモとして残しておきます。 もともとは次の記事に記載されていた挙動を自分でも確認しようと思って いろいろ試したときに発見しました。 破壊的メソッドとミュータブル・イミュータブル [React,Javascript] - Qiita 動作確認コード create-react-app で作成したあとに次のように記載します。 import logo from './logo.svg'; import './App.css'; import { useState } from "react"; function App() { const [num, setNum] = useState([0]); // // 1.正常動作 // const addNum = () => { // num.push(1); // setNum([...num]) // }; // /