关于前端:useEffect-依赖是数组-而数组引用地址-又不停变化解决方案-用useRef

57次阅读

共计 469 个字符，预计需要花费 2 分钟才能阅读完成。

如题：
useEffect 依赖是数组而数组援用地址又不停变动解决方案

最粗犷的解决办法，而我也在我的项目中用过几次，很无奈

办法 1：

useEffect(() => {...}, [JSON.stringify(object)]);

办法 2：
能够基于 useRef 和深比拟办法来解，useRef 的个性是跨渲染周期缓存数据。此处用来缓存上一次渲染的数据，并调用深比拟办法判断，如果两个对象相等则返回上一次的数据，地址天然也没有变动。

import {isEqual} from 'lodash';

const useCampare = (value: any, compare: any) => {const ref = useRef<any>(null);

  if (!compare(value, ref.current)) {  // deep compare
    ref.current = value;
  }

  return ref.current;
}

const compareObject = useCampare(object, isEqual);

useEffect(() => {...}, [compareObject]);

正文完