useMap

简介

1 .一个可以管理Map类型的hook
2 .之后操作key-value类型的数据,都用这种方式就可以
3 .这个hook没有has操作,无法判断某个属性到底有没有,也没有一个可以设置的值的地方,这个钩子有可以优化的地方

const [map,{set,setAll,remove,reset,get}]=useMap([['1','1'],['2','2']])
    function handleChange(){
        // set('1','1---')
        // 单独设置某个值

        // setAll([])
        // 添加并生成一个新的

        remove('1')
        // 去掉某个值

        //重新设置为初始值
        reset() 

    }
   
    return (
        <div className="header">
           <button onClick={handleChange}>按钮点击</button>
           {map.get('1')}-{map.get('2')}
        </div>
    )