【React】setStateはStateを変更しない？

とある日の晩 Reactチュートリアルを終えたばかりの友人に、簡単なTodoアプリの実装デモを通じてpropsとstateについて説明していたときのことです。 useState APIの使い方を理解してもらうため、こんな感じのコードを書いて見せました。初期値に'洗濯物'を持つTodoリストで、ボタンを押すと'hoge'という項目が追加されるというものです。 export const TodoList = () => { const [todos, setTodos] = React.useState(["洗濯物"]); const addTodo = (newTodo: string) => { console.log('Before:', todos); setTodos((prevState) => [newTodo, ...prevState]); console.log('Afte

[yarumato]

“レンダリングとはスナップショット（一瞬を切り取った）の「撮影」である。同一レンダー内で、stateの値は不変である”