最終更新:2022-08-04 (木) 14:21:41 (4d)
useState
Top / useState
React/stateなどのReactの機能を、クラスを書かずに使えるようになります。
- React 16.8で追加された新機能
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