8. useSelector 최적화 · GitBook

[utterances-bot]

8. useSelector 최적화 · GitBook

https://react.vlpt.us/redux/08-optimize-useSelector.html

[daehyeongcho]

useSelector를 여러번 사용하는 방법과
const { number, diff } = useSelector((state) => state.counter); 이렇게 비구조화를 해주어도 같은 방법인건가요? 이렇게 짜도 작동이 잘되고 todos는 리렌더링이 안되어서 최적화도 문제없는것같습니다.

[byyoungjin]

마지막에 shallowEqual 부분이 좀 틀린것 같습니다.
비교하지않는게 아니라,
refererence 비교 ->실제 값이 바뀌었는지 비교
로 바뀌는거 아닌가요?
https://react-redux.js.org/api/hooks#equality-comparisons-and-updates

[byyoungjin]

아 말씀하신게 맞네요
위 doc 이 좀 헷갈리게 되어있네요..

function shallowEqual(objA, objB) {
if (is(objA, objB)) return true;

if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
return false;
}

var keysA = Object.keys(objA);
var keysB = Object.keys(objB);
if (keysA.length !== keysB.length) return false;

for (var i = 0; i < keysA.length; i++) {
if (!Object.prototype.hasOwnProperty.call(objB, keysA[i]) || !is(objA[keysA[i]], objB[keysA[i]])) {
return false;
}
}

return true;
}