Skip to content

useMap ​

一个将键值 Map 作为状态进行管理的 React Hook。它提供高效的状态管理和稳定的操作函数。

接口 ​

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 }],
]);

// Using values from the Map
const user1 = userMap.get('user1');

// Updating the Map
actions.set('user2', { name: 'Jane', age: 25 });

基于 MIT 许可证发布。