useEffect(
  function() {
    // effect操作
  },
  ['a', 'b', { name: 'c' }]
);

import { useRef, useEffect } from 'react';
import _ from 'lodash';
export function useDeepCompareEffect<T>(fn, deps: T) {
  // 使用一个数字信号控制是否渲染，简化 react 的计算，也便于调试
  let renderRef = useRef<number | any>(0);
  let depsRef = useRef<T>(deps);
  if (!_.isEqual(deps, depsRef.current)) {
    renderRef.current++;
  }
  depsRef.current = deps;
  return useEffect(fn, [renderRef.current]);
}

useDeepCompareEffect(function() {
  // effect操作
}, 'a');
useDeepCompareEffect(
  function() {
    // effect操作
  },
  { name: 'c' }
);
useDeepCompareEffect(function() {
  // effect操作
}, 4567);