redux강의 reducer 데이터 바인딩 질문.

안녕하세요. 리듀서 강좌 보다가 궁금한점이 생겨 질문 드립니다.

우선 주어진 예시와 조금 다르게 기본 반환되는 스테이트를 오브젝트 형태로 반환해주고 있습니다.

const basicState = {
    cart: cartData
};

데이터 양식은 예시 주셨던 대로

배열 안에 오브젝트 형태로 담아두었습니다.

컴포넌트에서 state를 받아서 props로 만들어주는 과정중에 state를 통으로 props에 저장하는게 아니라 state.cart를 이용해서 카트에 대한 부분만 props에 저장해서 데이터 바인딩을 해두었는데요.

문제는 리듀서의 액션에 타입을 넘기고, 데이터를 수정함으로써 데이터 내에 수량을 늘렸다 줄였다 하는거 까지는 가능한데 화면에 실시간으로 반영이 안됩니다..

데이터가 잘 바뀌었는지는 리듀서에서 리턴하기 전에 콘솔에 찍어보았더니 잘 바뀌고있습니다..

컴포넌트에서 state.cart가 아니라 state 그 자체를 받아오면 실시간 바인딩이 되는데 두개가 무슨 차이가 있는걸까요?