写个自定义的window.dispatchEvent

6 阅读1分钟

起因:

一个组件内的tabs发生了改变,要写入localstorage,也要通知到另外一个组件,自定义个dispatchEvent

代码

window.dispatchEvent(new CustomEvent('statusChange;,{
    detail: newValue
}));
//另一个组件内,监听这个时间
useEffect(()=>{
    window.addEventListener('statusChange',handleChange);
    return ()=>{
        window.removeEventListener('statusChange',handleChange);
    }
},[]);