리액트 오류: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

본문

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

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

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

답변을 작성하시기 전에 로그인 해주세요.
전체 2,660
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT