Skip to content

useMap

리액트 훅으로, 상태로 키-값 쌍인 맵(Map)을 관리해요. 효율적인 상태 관리를 제공하고 안정적인 액션 함수를 제공해요.

인터페이스

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

파라미터

  • initialStaterequired · MapOrEntries<K, V>

    초기 맵 상태 (맵 객체 또는 키-값 쌍의 배열)

반환 값

  • UseMapReturn<K, V>

    맵 상태와 이를 조작하는 액션을 포함한 튜플이에요

예시

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

// 맵에서 값 사용하기
const user1 = userMap.get('user1');

// 맵 업데이트하기
actions.set('user2', { name: 'Jane', age: 25 });

MIT 라이선스에 따라 배포됩니다.