리액트 오류:warning: useEffect must not return anything besides a function, which is used for clean-up. I

리액트 오류:warning: useEffect must not return anything besides a function, which is used for clean-up. I

QA

리액트 오류:warning: useEffect must not return anything besides a function, which is used for clean-up. I

답변 1

본문

안녕하세요 리액트로 웹 구성중에 

warning: useEffect must not return anything besides a function, which is used for clean-up. 오류가 발생했습니다.

useEffect사용중에 오류가 났는데 아무리 고쳐봐도 어떤식으로 로직을 구성해야 하는지 모르겠습니다.

 

오류 사진과 제 코드를 첨부합니다. 

 

1949069552_1680873701.3184.png

1949069552_1680873737.7186.png

이 질문에 댓글 쓰기 :

답변 1

react useEffect 안에서 async await를 활용할 수 없습니다
해당 함수를 밖에서 정의하고 
fetchData()만 useEffect안에 넣어주세요.

인터넷 참조해보고
  useEffect(() => {
    async function fetchData() {
      try {
        const accessToken = await AsyncStorage.getItem("accessToken");
        axios.defaults.headers.common["Authorization"] = accessToken;
        checkModifiedOrNewpost();
        if (idStatus === undefined) {
          alert("로그인이 필요합니다");
          window.history.back();
        }

        // ...
      } catch (error) {
        console.error(error);
      }
    }
    fetchData();
  }, []);

이런식으로 고치라는 것 같은데 혹시 예시를 볼 수 있을까용,.?

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 2,661
© SIRSOFT
현재 페이지 제일 처음으로