[CHAM] function 실행 오류

 

"Cannot update a component from inside the function body of a different component."

이 오류가 떴다.. 구글에 쳐보니 페이스북 깃허브에 issue칸에 설명이 되있었다.

Bug: too hard to fix "Cannot update a component from inside the function body of a different component." · Issue #18178 · face

쉽게 말하면 렌더링중에 함수를 실행시키지 말라는 의미였다.

 

if (monthData) {
    setMonthPrice(
      monthData
        .map((v) => +v["ShopBuys.num"] * +v.price)
        .reduce((acc, cur) => acc + cur, 0)
    );
  }

그래서 이랬던 코드를

 useEffect(() => {
    setMonthPrice(
      monthData
        .map((v) => +v["ShopBuys.num"] * +v.price)
        .reduce((acc, cur) => acc + cur, 0)
    );
  }, [month]);

useEffect에 넣어 실행시켰더니 오류가 사라졌다.