React
[React] useEffect 내부에서 비동기 처리하기
차노도리
2023. 8. 13. 20:42
- 비동기 작업을 수행하는 함수 정의하여 호출한다.
ex1) useEffect 내부에서 비동기 처리할 함수 생성후 호출
useEffect(() => {
(async () => {
const checkStep = await accessStepCheck();
if (checkStep === 'NONE') {
setIsStepLoading(true);
return;
}
accessMove(checkStep);
})();
}, []);
ex2) useEffect에서 비동기 처리할 함수 호출
const accessCheckAndMove = async () => {
const checkStep = await accessStepCheck();
if (checkStep === 'NONE') {
setIsStepLoading(true);
return;
}
accessMove(checkStep);
};
useEffect(() => {
accessCheckAndMove();
}, []);