javascript 反应钩子

Posted 2021-05-03

import { useRef, useEffect } from 'react';

export function useMounted() {
  const mountedRef = useRef(true);
  useEffect(() => {
    return () => {
      mountedRef.current = false;
    };
  }, []);

  return mountedRef.current;
}

import { useState, useEffect } from "react";

export default function useDebounce(value, ms) {
  const [debouncedValue, setDebouncedValue] = useState(value);

  useEffect(() => {
    const handler = setTimeout(() => {
      setDebouncedValue(value);
    }, ms);

    return () => {
      clearTimeout(handler);
    };
  }, [value]);

  return debouncedValue;
}