react hooks useState 実用的なオブジェクト配列管理 - Qiita

カスタムHooks useState でオブジェクト配列を扱う場合のテンプレート的なものです。 typescriptも便利な機能を十分に活用し簡潔で機能的な記述を行います。 オブジェクト配列を扱う場合には、1つのアイテムを追加したり、削除の必要が多いかと思います。 そのような機能を簡潔に実装し、汎用的に使える想定のカスタムステートです。 import { useState, useCallback } from 'react' type ItemBase = { id: string } type FilterOptions = { not: boolean } export const useCustomState = <T extends ItemBase>(defaultItems: T[] = []) => { const [items, setItems] = useState<