import { useEffect, useRef, useState } from 'react';

/**
 * 利用useRef解决状态不同步问题
 * @param initialValue 状态初始值
 * @Return [状态, 状态ref, 状态change方法]
 */
const useRefState = (initialValue) => {
  const [state, setState] = useState(initialValue);
  const stateRef = useRef(state);
  useEffect(() => {
    stateRef.current = state;
  }, [state]);
  return [state, stateRef, setState];
};

export default useRefState;