Error Log(useEffect)

이홍경·2021년 12월 11일
0

useEffect 에러...💡

또 useEffect에러이다....ㅋㅋ 저번에도 비슷한 에러를 겪은것 같은데...어디서 숨어있다 이제

나타난 거니.....에러 내용은 이렇다

Warning: An effect function must not return anything besides a function, which is used for clean-up.%s%s, 
It looks like you wrote useEffect(async () => ...) or returned a Promise. Instead, write the async function inside your effect and call it immediately:
useEffect(() => {
  async function fetchData() {
    // You can await here
    const response = await MyAPI.getData(someId);
    // ...
  }
  fetchData();
}, [someId]); // Or [] if effect doesn't need props or state

에러가 난 곳의 코드는 이렇다.

useEffect(async () => {
      await Font.loadAsync({
        "글씨체": require('../../../assets/fonts/글씨체.ttf'),
        "볼드글씨체": require('../../../assets/fonts/볼드글씨체.ttf'),
      });
      setIsReady(true);
    }, []);

수정 후

// 생략
useEffect(() => {
  reqFont()
  setIsReady(true)
}, [])

비동기 함수를 호출만 하게 바꿔 주었다. 다시는 실수 하지 말자!!

profile
개발자를 꿈꾸는 자

0개의 댓글