Skip to content

useMap ​

キーと値のペアを格納する Map を状態として管理する React フックです。 効率的な状態管理と、参照が安定したアクション関数を提供します。

インターフェース ​

ts
function useMap<K, V>(initialState: MapOrEntries<K, V>): UseMapReturn<K, V>;

パラメータ ​

  • initialStaterequired · MapOrEntries<K, V>

    Map の初期状態(Map オブジェクトまたはキーと値のペアの配列)です。

戻り値 ​

  • UseMapReturn<K, V>

    Map の状態と、それを操作するアクションを含むタプルです。

使用例 ​

tsx
const [userMap, actions] = useMap<string, User>([
  ['user1', { name: 'John', age: 30 }],
]);

// Map の値を使用します
const user1 = userMap.get('user1');

// Map を更新します
actions.set('user2', { name: 'Jane', age: 25 });

MIT ライセンスの下で配布されています。