react 질문드립니다

[바라]

안녕하세요 선생님! 리액트 수강하면서 프로젝트를 만들고있는데 질문드립니다.
상품 상세페이지에서 수량 선택 후 담기 버튼 클릭하면=> 장바구니 페이지에 담기는 기능을 구현하고 있는데요,
부모 컴포넌트(Detail)에 [count, setCount] = useState로 설정후, 자식 컴포넌트에 props로 전달하여 구현하고 있습니다.

1) 수량 조절 +, - 버튼 (onclick 이벤트) 클릭시 화면에 출력되는 숫자와, console.log에 똑같이 props.count로 출력했는데,
콘솔창에는 숫자가 하나 적게 나옵니다.(정확하게는 방금 클릭한 값이 한번 더 눌러야 출력되는 것 같습니다. 
예를 들자면 세번 클릭했을때 = 두번 클릭해야 출력되는 값이 나옵니다. 즉 한 박자씩 늦게 출력되는 느낌입니다 ㅠㅠ)
장바구니 담는 코드에도 똑같이 props.count로 설정했는데 마찬가지로 제대로 수량 반영이 안됩니다..

2) 마찬가지로 담기 버튼 눌렀을때 redux store에 담기게 구현중인데,
담기 버튼을 처음 눌렀을때 바로 array에 담기지 않고 빈 array가 한번 출력되고 두번째 클릭때부터 정상적으로 담깁니다.

두가지 다 동일한 문제같은데 뭐가 문제인지 도저히 모르겠어서 질문드립니다 ㅠㅠ
혹시나 싶어 preventdefault()해도 안되고
1번의 경우 props 문제인가 싶어서 상태값을 redux store에 담아서 해봐도 안되더라구요 ㅠ 아래에 캡쳐 사진 첨부드립니다.

* 카운트 오류


* 담기 버튼 클릭시 => 빈 array 오류

[부모 컴포넌트]

[자식 컴포넌트]

[codingapple]

원래 state변경함수는 다른거보다 늦게처리되어서 제껴두고 그거 밑의 코드를 먼저 실행합니다

[글쓴이]

글