hooks版本的pureComponent

--- pureComponent的shouldeComponentUpdate里，實際是對props/state進行了一個淺比較

這里實現一個hook版本的pureComponent

import { useEffect, useRef } from 'react'
import { isEqual } from 'lodash'

export default function useCompareEffect(effect: React.EffectCallback, dependencies?: Object) {
  function deepCompareDependencies(value: any) {
    const ref = useRef()

    if (!Object.is(value, ref.current)) { // 淺比較
      // if (!isEqual(value, ref.current)) { // 如果需要，可用深比較
      ref.current = value
    }

    return ref.current
  }

  useEffect(effect, deepCompareDependencies(dependencies))
}