useEffect.. 일단 감사합니다.

나는 Recoil State사용하면서 페이지 밖으로 나갔다 다시 돌아오면 값이 초기화되어있는 그런 값을 원했고

찾다가 때마침 오늘 멘토링하는 날이라 멘토님께 여쭤보니 useEffect에 넣으라 하셨죠...

그러네요 글로쓰면 그냥 진짜 생각이 바로 나는데 나는 설계도 안 하고 만드는 사람이었어요

와... 이래서 설계가 필요한거구나.... 

  useEffect(() => {
    getUseData();
    setIsSubmit(false);
    setFilterForm(false);
    setCategoryList([]);
    setStartDate(new Date(new Date().getFullYear(), new Date().getMonth(), 1));
    setEndDate(new Date());
  }, [setFilterForm, setIsSubmit, setCategoryList, setStartDate, setEndDate]);

그냥 useEffect안에다 초기화 시켜주면 되는 거였네요. 

컴포넌트가 처음 화면에 나타날때 값 정하는 거니까... 그렇지요

아마 멘토님은 제가 이렇게 많이 초기화할 줄 모르셨겠죠?

useEffect를 남발하지 말랐지만 일단 저는 남발하고 공부하고 오겠습니다.

 

다른 화면갔다가 들어오니 초기화 안됨

 

 

 

 

초기화시키니 잘 됨

 

참조

[useEffect] 컴포넌트 마운트 , 언마운트 제어