Web/React-Redux

[React-Redux] useShallowEqualSelector()

bugtype 2021. 10. 11. 11:15

React-redux를 사용하면서, useSelector를 사용할 것이다. Redux Store에서 일부분을 가져오면 이전상태가 같은지 알 수 없다.

아래와 같이 이용하면,  Redux의 리렌더링 현상을 막아준다.

import { useSelector, shallowEqual } from 'react-redux';

export function useShallowEqualSelector(selctor) {
  return useSelector(selector, shallowEqual);
}