React usePrevious Hook

Hooks对于React中的功能组成部分模式至关重要。 与<条码>中部分的经常逻辑比较是比较以前的<条码>prop。 现行<代码>prop的价值 通过生命周期方法的价值。 因此,在职能部分重复以往的价值比较的简单模式是什么?

www.un.org/Depts/DGACM/index_french.htm 颜色让我们通过一种习俗 h管理功能组成部分中的这种功能——<条码>

import { useEffect, useRef } from  react ;

export function usePrevious(value) {
  const ref = useRef();
  useEffect(() => {
    ref.current = value;
  }, [value]);
  return ref.current;
}

// Usage
export function MyComponent(props) {
  const { name } = props;
  const previousName = usePrevious(name);

  if(name != previousName) {
    // Do something
  }
}

我热爱这个<条码>,只有因为我经常忘记使用<条码>。 你们对这一模式有什么想法? 你们是否依赖任何习俗hoo?