最終更新:2022-08-04 (木) 14:21:41 (4d)  

useState
Top / useState

React/stateなどのReactの機能を、クラスを書かずに使えるようになります。

https://ja.reactjs.org/docs/hooks-state.html

const [state変数, state更新関数] = useState(state初期値);

ジェネリックで型も指定可能

  • useState<User[]>([])

state変数

state更新関数

  • 更新直前の引数の受け取り方
    更新関数((prev) => prev + 1)

関連

値が更新されない

  • 理由:"state更新関数"を呼び出しても値が更新されるのはその呼び元の関数全体の処理が終わった後
  • 対策:
    • 新しい値を変数で保持する
    • 更新関数に関数を使う
  • https://zenn.dev/syu/articles/3c4aa813b57b8c

関連