[React] useEffect 내부에서 비동기 처리하기

• 비동기 작업을 수행하는 함수 정의하여 호출한다.

 

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();
  }, []);