비동기 map 순서 이슈

프로젝트 시, map을 돌리면 undefined이슈가 발생했고
순서이슈인 것을 알고 있었지만 오늘 제대로 미들웨어의 동작방식을 보고싶어 로그를 찍어봤다.

dispatch로 action을 보낼때 동기처리 방식인데 미들 웨어 개념을 이용해 비동기 처리를 한다.

page에 진입시 api로 List를 받아와 state에 저장하고 body에 뿌려주는 로직을 구상했었다.

useEffect에서 dispatch로 List를 받아와 body에 뿌려봤다.

그랬더니 state를 읽을수 없다고 했다.

state의 초기 값은 없는데 그걸 읽고 있어서 그런거같다

순서가 어떻게 되는지 이해가 잘 안돼서 콘솔로 다찍어봤다.

바디가 먼저 호출 되서 List를 map을 돌려 값을 찾지 못하는 거였다.

하나하나 콘솔을 찍어보니 미들웨어의 동작방식을 직접 본 느낌이다.

fulfiled상태일떄 body에 list를 뿌려주는 형식으로 처리를 했다.

갓 콘솔로그.