redux toolkit - thunk 를 이용해서 비동기 작업을 처리하는 방법

Опубликовано: 16 Октябрь 2024
на канале: 생활코딩
15,280
241

이 수업은 아래 내용을 다룹니다.

createAsyncThunk은 비동기작업을 처리하는 action creator를 만듭니다.
action creator는 아래와 같이 3가지 상태를 갖습니다.
action creator.pending는 대기상태를 의미합니다.
action creator.fulfilled 는 완료 상태를 의미합니다.
action creator.rejected는 오류 상태를 의미합니다.
thunk는 각각의 상태에 따른 reducer를 체계적으로 작성할 수 있도록 유도합니다.
thunk를 처리할 때는 extraReducers를 사용합니다.

완성된 앱은 이렇습니다.
https://stackblitz.com/edit/react-bnj...

아래 코드를 기반으로 실습을 하시면 됩니다.
https://stackblitz.com/edit/react-adv...

선행수업
https://seomal.com/map/1/277

후속수업
https://seomal.com/map/1/278