redux toolkit 질문

[위펀]

const store = useSelector((state) => state);
const dispatch = useDispatch();

const testFunction = () => {
console.log(store.user.age);
setTest1(store.user.age);
};

const [test1, setTest1] = useState(0);
-----------------------------------
<button onClick={() => {
  dispatch(ageUp(10));
  console.log(store);
  testFunction();
}}
>
  {store.user.age}<br />
  {test1}
</button>

위와 같이 버튼을 클릭 할 때, 10씩 증가하는 이벤트를 처리하고 있습니다.
이해가 안되는 부분이 있는데,
dispatch(ageUp(10));를 실행하고 하위에 콘솔로 찍으면 더해진 값이 아닌 이전 값이 찍히고 있습니다.
근데 버튼 내에 있는 {store.user.age} 10이 증가된 값이 찍히는데, 왜 이렇게 찍히는지 궁금합니다.

그리고 해결하려면 어떻게 해야하나요?

[codingapple]

state변경함수들은 늦게 처리됩니다 
자바스크립트는 늦게 처리되는 코드를 만나면 제껴두고 바로 다음줄 부터 실행합니다

[위펀]

그럼 testFunction 내에서는 바뀐 결과값을 확인하려면
클릭 이벤트가 끝나고 useEffect를 써서 store가 변경된걸 감지 후에 사용할 수 밖에 없는건가요?

[codingapple]

네 그러면 됩니다

[글쓴이]

글