自定义hooks实现在useState改变值之后立刻获取到最新的值

最新推荐文章于 2023-12-15 17:50:58 发布

一个前端人

最新推荐文章于 2023-12-15 17:50:58 发布

阅读量613

点赞数

分类专栏：前端 react 文章标签： javascript 前端 react.js

本文链接：https://blog.csdn.net/Ght19970126/article/details/132885471

版权

前端同时被 2 个专栏收录

18 篇文章 0 订阅

订阅专栏

react

11 篇文章 0 订阅

订阅专栏

// 自定义hooks实现在useState改变值之后立刻获取到最新的值

import { useEffect, useState, useCallback } from "react";

const useSyncCallback = (callback) => {
  const [proxyState, setProxyState] = useState({ current: false });

  const Func = useCallback(() => {
    setProxyState({ current: true });
  }, [proxyState]);

  useEffect(() => {
    if (proxyState.current === true) setProxyState({ current: false });
  }, [proxyState]);

  useEffect(() => {
    proxyState.current && callback();
  });

  return Func;
};

export default useSyncCallback;