Skip to content

choby/ShortcutHooks

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

方便快捷的hooks集合

  • useMount: 便捷直观的挂载完成钩子
useMount(()=>{
    //mounted
    // your code
});
  • useState: 针对react原生useState的安全调用, 防止在unmount后useState造成的空指针异常
useState(()=>{
    //if commponent unmouted, this code will not execute
},[a]);
  • useMoment: 重写calendarFormat方法, 生成更符合认知的相对时间 项目入口文件调用后即可, 其他地方再使用moment生成相对时间时,就会是被重写后的值
useMoment();
  • useFetchWithInitState: 带有初始化状态的刷新方法, 用来标记页面是否是第一次刷新数据
const [initializing, useFetch,useFetchEffect] = useFetchWithInitState();

useEffect(() => {
        useFetch(async () => {
            //fetch data
        });
}, []);

// or

useFetchEffect(()=>{
 // fetch data
},[]);
// fetch data前    initializing为true, fetch data 后initializing为false 

About

React下的便捷钩子

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published